html[data-theme=dark] {
  --ts-bar1: #4649E5;
  --ts-bar2: #8184F8;
  --ts-bar3: #C7C8FE;
  --ts-bar4: #EEEEFF;
  --ts-bar5: #FAFAFF;
}

html[data-theme=dark] {
  --ts-surface-primary: #383A42;
  --ts-surface-secondary: #25272C;
  --ts-surface-tertiary: #40444C;
  --ts-stroke: #8E95A2;
  --ts-stroke-2: #5B616E;
  --ts-stroke-disabled: #5B616E;
  --ts-stroke-active: #8184F8;
  --ts-button-background-primary: #8184F8;
  --ts-button-background-secondary: #E0E1FF;
  --ts-button-background-tertiary: #1B1C4B;
  --ts-button-background-disabled: #D8DBDF;
  --ts-button-boarder-ghost: #D8DBDF;
  --ts-button-label-primary: #FAFAFF;
  --ts-button-label-secondary: #33346F;
  --ts-button-label-tertiary: #E0E1FF;
  --ts-button-label-disabled: #B6BAC3;
  --ts-button-label-ghost: #D8DBDF;
  --ts-text-primary: #EDEEF1;
  --ts-text-secondary: #B6BAC3;
  --ts-text-highlighted: #A5A7FC;
  --ts-text-disabled: #8E95A2;
  --ts-heading-primary: #FDFDFD;
  --ts-heading-secondary: #B3B3C9;
  --ts-heading-tertiary: #EEEEFF;
  --ts-table-background-row1: #4A4E5A;
  --ts-table-background-row2: #40444C;
  --ts-table-background-selected: #383A42;
  --ts-task-box-background: #4A4E5A;
  --ts-table-background: #4A4E5A;
  --ts-module-header: #4A4E5A;
  --ts-module-background: #40444C;
  --ts-scroll-bar: #6B7280;
  --ts-input-background-active: #5B616E;
  --ts-input-background-disabled: #4A4E5A;
  --ts-tab1-background-inactive: #5B616E;
  --ts-tab1-background-active: #40444C;
  --ts-tab2-background-active: #4A4E5A;
  --ts-tab2-background-inactive: #6B7280;
  --ts-tab-stroke-active: #8184F8;
  --ts-tab-text-active: #EDEEF1;
  --ts-tab1-text-inactive: #B6BAC3;
  --ts-tab2-text-inactive: #D8DBDF;
  --ts-slider_toggle: #FFFFFF;
  --ts-function_error: #FF6363;
  --ts-function_success: #90E57F;
  --ts-popup-background: #25272C;
  --ts-icon-info: #B6BAC3;
  --ts-map-nodata-color: #EEEEFF;
  --ts-map-nodata-start-color: #C7C8FE;
  --ts-map-nodata-end-color: #2E3081;
  --ts-dashboard-widget-color: #6B7280;
  --ts-dashboard-widget-active-color: #8E95A2;
  --ts-login-background: #383A42;
  --ts-datepicker-background: var(--ts-table-background);
  --rz-dialog-mask-background-color: #40444C;
  --ts-checkbox-hover-background: #6B7280;
  --ts-shadow-rgb: rgb(0 0 0 / 10%);
}

html[data-theme=dark] .DevicePortalText {
  content: url("/images/DPInApp_Typeface_logo_Dark_Mode.svg");
}

html[data-theme=dark] .loginPageHeader {
  content: url("/images/DPLogin_Logo_Dark_Mode.svg");
}