/* Werking: 
    Als Licht gekozen is wordt [data-theme="light] (dus dezelfde definities) gekozen.
    Als donker gekozen wordt, wordt [data-theme="dark"] aangehouden.
    Als Systeem gekozen is en het is donker, wordt prefers-color-scheme: dark aangehouden.
    Als Systeem gekozen is en het is licht, wordt prefers-color-scheme: light aangehouden.
    Deze laatste twee worden afgehandeld in Theme.js, zodat er niet heel veel duplicate
    definities nodig zijn
*/
/* Overige kleurmogelijkheden: quinary, senary, septenary, octonary */

/* Alle kleurdefinities om uit te kiezen in de thema's */
:root {
    --trans-color: transparent;
    --black-color: black;
    --white-color: white;
    --gray-color: gray;
    --lightgray-color: lightgray;
    --darkgray-color: darkgray;
    --red-color: red;
    --yellow-color: yellow;
    --darkred-color: darkred;
    --red-light-color: #FF0000CC;
    --red-dark-color: #883333;
    --green-color: green;
    --gray-2-color: #727573;
    --gray-3-color: #8e8e8e;
    --gray-4-color: #848B8B;
    --gray-dark-color: #1a1a1a;
    --gray-dark-2-color: #212121;
    --gray-dark-3-color: #4d4d4d;
    --gray-dark-4-color: #121212;
    --gray-dark-5-color: #292929;
    --gray-dark-6-color: #262626;
    --gray-dark-7-color: #323232;
    --gray-dark-8-color: #323437;
    --gray-dark-9-color: #3b3b3b;
    --gray-light-color: #C1C7C7;
    --gray-light-2-color: #CED4DA;
    --gray-light-3-color: #E9E7E7;
    --gray-light-4-color: #E5E5E5;
    --gray-light-5-color: #DDDDDD;
    --gray-lightest-color: #F0F0F0;
    --gray-lightest-2-color: #F3F3F3;
    --gray-lightest-3-color: #F9F9F9;
    --gray-lightest-4-color: #FAFAFA;
    --gray-lightest-5-color: #FBFBFB;
    --gray-lightest-6-color: #FCFCFC;
    --gray-lightest-7-color: #F5F5F5;
    --gray-lightest-8-color: #F6F8Fa;
    --gray-lightest-9-color: #F8F8F8;
    --trans-black-1-color: rgba(0, 0, 0, 0.04);
    --trans-black-2-color: rgba(0, 0, 0, 0.08);
    --trans-black-3-color: rgba(0, 0, 0, 0.1);
    --trans-black-4-color: rgba(0, 0, 0, 0.25);
    --trans-black-5-color: rgba(0, 0, 0, 0.7);
    --trans-black-6-color: rgba(0, 0, 0, 0.35);
    --trans-black-7-color: rgba(0, 0, 0, 0.02);
    --trans-white-1-color: rgba(255, 255, 255, 0.04);
    --trans-white-2-color: rgba(255, 255, 255, 0.08);
    --trans-white-3-color: rgba(255, 255, 255, 0.1);
    --trans-white-4-color: rgba(255, 255, 255, 0.25);
    --trans-white-5-color: rgba(255, 255, 255, 0.7);
    --filter-white: brightness(0) saturate(100%) invert(100%) sepia(41%) saturate(2%) hue-rotate(307deg) brightness(109%) contrast(101%);
    --filter-black: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(7474%) hue-rotate(21deg) brightness(102%) contrast(106%);
    --filter-primary: brightness(0) saturate(100%) invert(14%) sepia(27%) saturate(6768%) hue-rotate(202deg) brightness(91%) contrast(99%);
    --filter-secondary: brightness(0) saturate(100%) invert(55%) sepia(80%) saturate(2083%) hue-rotate(154deg) brightness(93%) contrast(101%);
    --filter-tertiary: brightness(0) saturate(100%) invert(18%) sepia(73%) saturate(3874%) hue-rotate(188deg) brightness(90%) contrast(94%);
    --filter-gray-1: brightness(0) saturate(100%) invert(100%) sepia(41%) saturate(2%) hue-rotate(307deg) brightness(79%) contrast(71%);
    --filter-gray-2: brightness(0) saturate(100%) invert(100%) sepia(41%) saturate(2%) hue-rotate(307deg) brightness(86%) contrast(90%);
    --filter-gray-3: brightness(0) saturate(100%) invert(100%) sepia(41%) saturate(6%) hue-rotate(307deg) brightness(25%) contrast(85%);
    --light-primary-color: #01336D; /* Donkerblauw */
    --light-secondary-color: #00B0E0; /* Lichtblauw */
    --light-tertiary-color: #08659C; /* Tussen lichtblauw en donkerblauw in */
    --light-trans-primary-1-color: rgba(1, 51, 109, 0.15);
    --light-trans-primary-2-color: rgba(1, 51, 109, 0.5);
    --light-trans-primary-3-color: rgba(1, 51, 109, 0.65);
    --light-trans-secondary-1-color: rgba(0, 176, 224, 0.3);
    --light-trans-secondary-2-color: rgba(0, 176, 224, 0.7);
    --light-trans-secondary-3-color: rgba(0, 176, 224, 0.8);
    --light-trans-secondary-4-color: rgba(0, 176, 224, 0.1);
    --light-trans-tertiary-1-color: rgba(8, 101, 156, 0.7);
    --light-overlay-opacity: 0.5;
    --light-error-color: #CD1616;
    --light-error-highlight-bkg-color: rgba(250, 122, 122, 25%);
    --light-error-highlight-lighter-bkg-color: rgba(250, 122, 122, 12%);
    --light-yellow-color: #EEB300;
    --light-green-color: #40AF84;
    --light-btn-gray-text-color: #052423;
    --light-btn-gray-hover-color: #d8d8d8;
    --light-black-green-accent-color: #052423;
    --light-black-blue-accent-color: #212529;
    --light-gray-light-blue-accent-color: #f7f8ff;
    --light-white-blue-accent-color: #f6f7f9;
    --light-ribbon-group-color: #f1f6fd;
    --light-ribbon-item-select-color: #d5e5ff;
    --light-ribbon-item-hover-color: #c7daff;
    --light-ribbon-item-active-color: #8297c5;
    --light-workflow-designer-process-color: #054DA3;
    --light-workflow-designer-task-color: #00A376;
    --light-workflow-designer-alt-color: #F99800;
    --light-workflow-designer-note-color: #648243;
    --light-workflow-designer-action-shadow-color: rgba(3, 102, 214, 0.3);
    --light-workflow-designer-action-wrapper-color: rgba(3, 102, 214, 1);
    --light-workflow-designer-invalid-tab-color: rgba(255, 0, 0, 0.7);
    --light-body-text-color: #494E4E;
    --light-mobile-language-menu-bar: #d6e9ff;
    --light-mobile-search-bar: #eef6ff;
    --light-mobile-search-boxshadow-color: #b4cbe5;
    --light-sidebar-activities-bkg: transparent linear-gradient(270deg, rgba(227, 227, 227, 1) 0%, #E3E3E3 100%) 0% 0% no-repeat padding-box;
    --light-sidebar-activities-boxshadow-color: rgba(56, 67, 67, 0.1);
    --light-menu-classic-scroll-thumb-bkg-color: #3e73b0;
    --light-menu-classic-scroll-thumb-hover-bkg-color: #5589c5;
    --light-btn-close-hover-color: #fa7a7a;
    --light-error404-bkg-color: aliceblue;
    --light-msg-error: #c41b0c;
    --light-msg-warning: #e5a226;
    --light-msg-info: #1c90d4;
    --light-msg-success: #14cc5b;
    --light-msg-confirm: #db745e;
    --light-msg-yesnocancel: #705edb;
    --light-msg-option: #d41c8d;
    --light-confirm-close-hover-color: #fc2828;
    --light-confirm-actions-accent-color: #4a6076;
    --light-confirm-actions-accent-hover-color: #344556;
    --light-scheduler-1-color: #e0c6d6; /* auberginepaars pastel */
    --light-scheduler-2-color: #dcd6e9; /* paars pastel */
    --light-scheduler-3-color: #b9e6e5; /* cyaan pastel*/
    --light-scheduler-4-color: #efe0cf; /* oranje pastel */
    --light-scheduler-5-color: #d9ede2; /* groen pastel */
    --light-scheduler-6-color: #dacec7; /* bruin pastel */
    --light-scheduler-7-color: #f5e6e3; /* zalmroze pastel */
    --light-scheduler-8-color: #cfdfe9; /* blauw pastel */
    --light-scheduler-9-color: #f0ebd2; /* geel pastel */
    --light-scheduler-10-color: #f6d8de; /* bordeaux rood pastel */
    --dark-primary-color: #2688F7;
    --dark-secondary-color: #50b5c7;
    --dark-tertiary-color: #2f92c9;
    --dark-trans-primary-1-color: rgba(74, 136, 212, 0.85);
    --dark-trans-primary-2-color: rgba(74, 136, 212, 0.9);
    --dark-trans-primary-3-color: rgba(74, 136, 212, 0.35);
    --dark-trans-secondary-1-color: rgba(80, 181, 199, 0.3);
    --dark-trans-secondary-2-color: rgba(80, 181, 199, 0.7);
    --dark-trans-secondary-3-color: rgba(80, 181, 199, 0.8);
    --dark-trans-tertiary-1-color: rgba(47, 146, 201, 0.7);
    --dark-overlay-opacity: 0.5;
    --dark-error-color: #D26A6A;
    --dark-error-highlight-bkg-color: rgba(210, 106, 106, 0.75);
    --dark-error-highlight-lighter-bkg-color: rgba(210, 106, 106, 0.18);
    --dark-yellow-color: #BF9003;
    --dark-green-color: #339972;
    --dark-btn-gray-text-color: #b2b2b2;
    --dark-btn-gray-hover-color: #5f5f5f;
    --dark-ribbon-group-color: #30343d;
    --dark-ribbon-item-select-color: #38476b;
    --dark-ribbon-item-hover-color: #5673a3;
    --dark-ribbon-item-active-color: #358dd5;
    --dark-workflow-designer-process-color: #0c73df;
    --dark-workflow-designer-task-color: #11bf99;
    --dark-workflow-designer-alt-color: #dd8308;
    --dark-workflow-designer-note-color: #65a12b;
    --dark-workflow-designer-action-shadow-color: rgba(174, 199, 241, 0.3);
    --dark-workflow-designer-action-wrapper-color: rgb(174 199 241);
    --dark-workflow-designer-invalid-tab-color: rgba(255, 50, 50, 0.7);
    --dark-body-text-color: #cfcfcf;
    --dark-mobile-language-menu-bar: #283343;
    --dark-mobile-search-bar: #353e49;
    --dark-mobile-search-boxshadow-color: #2b3645;
    --dark-sidebar-activities-bkg: transparent linear-gradient(270deg, rgb(40 40 40) 0%, #343434 100%) 0% 0% no-repeat padding-box;
    --dark-sidebar-activities-boxshadow-color: rgba(20, 20, 20, 0.5);
    --dark-btn-close-hover-color: #fa7a7a;
    --dark-msg-error: #f85151;
    --dark-msg-warning: #d7a343;
    --dark-msg-info: #43A3DB;
    --dark-msg-success: #3CD376;
    --dark-msg-confirm: #E2806A;
    --dark-msg-yesnocancel: #9C8FE6;
    --dark-msg-option: #EE6DAB;
    --dark-confirm-close-hover-color: #F96C6C;
    --dark-confirm-actions-accent-color: #58799b;
    --dark-confirm-actions-accent-hover-color: #769EC6;
    --dark-scheduler-1-color: #c892b0; /* donkerroze  */
    --dark-scheduler-2-color: #a89cc6; /* paars */
    --dark-scheduler-3-color: #69c0bd; /* donker cyaan */
    --dark-scheduler-4-color: #E0C3A0; /* oranjegeel */
    --dark-scheduler-5-color: #7DC29B; /* groen */
    --dark-scheduler-6-color: #B8A193; /* bruin */
    --dark-scheduler-7-color: #dac1ba; /* zalm */
    --dark-scheduler-8-color: #A1C0D3; /* lucht blauw */
    --dark-scheduler-9-color: #D8CB8A; /* groengeel */
    --dark-scheduler-10-color: #d6a5a5; /* donker roodroze */
}


/* Default is hierbij lichte thema*/
    :root:not([data-theme]),
    [data-theme="light"],
    [data-theme="christmas"] {
        color-scheme: light;
        --primary-color: var(--light-primary-color);
        --secondary-color: var(--light-secondary-color);
        --tertiary-color: var(--light-tertiary-color);
        --text-primary: var(--primary-color);
        --text-secondary: var(--secondary-color);
        --text-tertiary: var(--tertiary-color);
        --text-white: var(--white-color);
        --text-black-accent: var(--light-black-green-accent-color);
        --text-gray: var(--gray-4-color);
        --body-text-color: var(--light-body-text-color);
        --link-color: var(--secondary-color);
        --link-hover-color: var(--primary-color);
        --bkg-primary: var(--primary-color);
        --bkg-secondary: var(--secondary-color);
        --bkg-tertiary: var(--tertiary-color);
        --bkg-white: var(--white-color);
        --bkg-gray: var(--gray-lightest-color);
        --bkg-extralightgray: var(--gray-lightest-3-color);
        --bkg-lightergray: var(--gray-lightest-2-color);
        --bkg-lightgray: var(--gray-light-3-color);
        --border-primary: var(--primary-color);
        --border-secondary: var(--secondary-color);
        --border-tertiary: var(--tertiary-color);
        --border-black-accent: var(--light-black-green-accent-color);
        --border-gray: var(--gray-light-color);
        --border-gray-light: var(--gray-light-2-color);
        --border-login: var(--white-color);
        --btn-primary-text-color: var(--white-color);
        --btn-primary-bkg-color: var(--primary-color);
        --btn-primary-border-color: var(--primary-color);
        --btn-primary-hover-text-color: var(--white-color);
        --btn-primary-hover-bkg-color: var(--tertiary-color);
        --btn-primary-hover-border-color: var(--tertiary-color);
        --btn-secondary-text-color: var(--white-color);
        --btn-secondary-bkg-color: var(--secondary-color);
        --btn-secondary-border-color: var(--secondary-color);
        --btn-secondary-hover-text-color: var(--white-color);
        --btn-secondary-hover-bkg-color: var(--primary-color);
        --btn-secondary-hover-border-color: var(--primary-color);
        --btn-tertiary-text-color: var(--white-color);
        --btn-tertiary-bkg-color: var(--tertiary-color);
        --btn-tertiary-border-color: var(--tertiary-color);
        --btn-tertiary-hover-text-color: var(--white-color);
        --btn-tertiary-hover-bkg-color: var(--primary-color);
        --btn-tertiary-hover-border-color: var(--primary-color);
        --btn-disabled-text-color: var(--white-color);
        --btn-disabled-bkg-color: var(--gray-color);
        --btn-disabled-border-color: var(--gray-color);
        --btn-disabled-hover-text-color: var(--white-color);
        --btn-disabled-hover-bkg-color: var(--primary-color);
        --btn-disabled-hover-border-color: var(--primary-color);
        --btn-gray-text-color: var(--light-btn-gray-text-color);
        --btn-gray-bkg-color: var(--gray-lightest-color);
        --btn-gray-border-color: var(--gray-lightest-color);
        --btn-gray-hover-text-color: var(--light-btn-gray-text-color);
        --btn-gray-hover-bkg-color: var(--light-btn-gray-hover-color);
        --btn-gray-hover-border-color: var(--light-btn-gray-hover-color);
        --btn-cancel-text-color: var(--white-color);
        --btn-cancel-bkg-color: var(--gray-2-color);
        --btn-cancel-border-color: var(--gray-2-color);
        --btn-cancel-hover-text-color: var(--white-color);
        --btn-cancel-hover-bkg-color: var(--gray-color);
        --btn-cancel-hover-border-color: var(--gray-color);
        --btn-outline-bkg-color: var(--white-color);
        --close-button-color: var(--gray-light-color);
        --close-button-hover-color: var(--light-btn-close-hover-color);
        --pin-button-color: var(--secondary-color);
        --pin-button-hover-color: var(--light-btn-close-hover-color);
        --header-bkg-color: var(--white-color);
        --header-top-nav-bkg-color: var(--primary-color);
        --header-lang-menu-bar-mobile-bkg-color: var(--light-mobile-language-menu-bar);
        --header-lang-menu-bar-mobile-help-color: var(--tertiary-color);
        --header-quickactions-mobile-hover-bkg-color: var(--tertiary-color);
        --header-content-bkg-color: var(--gray-lightest-color);
        --header-boxshadow-color: var(--trans-black-3-color);
        --header-tab-text-color: var(--primary-color);
        --header-tab-active-border-color: var(--secondary-color);
        --header-company-hover-text-color: var(--secondary-color);
        --profile-menu-mobile-bkg-color: var(--trans-black-4-color);
        --profile-menu-mobile-content-bkg-color: var(--white-color);
        --profile-menu-mobile-titlebar-text-color: var(--primary-color);
        --profile-menu-mobile-border-color: var(--lightgray-color);
        --profile-menu-level-0-text-color: var(--tertiary-color);
        --profile-menu-hover-text-color: var(--tertiary-color);
        --profile-menu-active-text-color: var(--white-color);
        --profile-menu-active-bkg-color: var(--tertiary-color);
        --profile-menu-img-filter: var(--filter-white);
        --search-bar-mobile-bkg-color: var(--light-mobile-search-bar);
        --search-bar-mobile-top-boxshadow-color: var(--light-mobile-search-boxshadow-color);
        --search-dropdown-mobile-bkg-color: var(--white-color);
        --search-dropdown-boxshadow-color: var(--gray-color);
        --search-dropdown-bkg-color: var(--gray-light-3-color);
        --search-group-bkg-color: var(--gray-lightest-5-color);
        --search-group-title-boxshadow-color: var(--trans-black-7-color);
        --search-card-bkg-color: var(--white-color);
        --search-card-title-color: var(--primary-color);
        --search-card-title-alt-color: var(--secondary-color);
        --search-results-found-text-color: var(--gray-2-color);
        --search-highlight-bkg-color: var(--trans-black-2-color);
        --search-refined-highlight-bkg-color: color-mix(in srgb, var(--tertiary-color) 12%, transparent);
        --sidebar-bkg-color: var(--primary-color);
        --sidebar-item-text-color: var(--white-color);
        --sidebar-item-hover-text-color: var(--white-color);
        --sidebar-item-hover-bkg-color: var(--tertiary-color);
        --sidebar-line-color: var(--white-color);
        --sidebar-activities-bkg: var(--light-sidebar-activities-bkg);
        --sidebar-activities-boxshadow-color: var(--light-sidebar-activities-boxshadow-color);
        --sidebar-activities-icon-filter: var(--filter-primary);
        --sidebar-toggle-split-text-color: var(--text-white);
        --sidebar-nav-text-color: var(--text-white);
        --sidebar-menu-hover-bkg-color: var(--tertiary-color);
        --sidebar-menu-selected-bkg-color: var(--tertiary-color);
        --dashboard-icon-bkg-color: var(--secondary-color);
        --dashboard-icon-hover-bkg-color: var(--primary-color);
        --dashboard-icon-img-filter: var(--filter-black);
        --dashboard-icon-img-hover-filter: var(--filter-white);
        --dashboard-icon-bottom-filter: var(--filter-gray-3);
        --menu-classic-scroll-bkg-color: var(--primary-color);
        --menu-classic-scroll-thumb-bkg-color: var(--light-menu-classic-scroll-thumb-bkg-color);
        --menu-classic-scroll-thumb-hover-bkg-color: var(--light-menu-classic-scroll-thumb-hover-bkg-color);
        --menu-img-filter: var(--filter-white);
        --settings-tab-active-border-color: var(--secondary-color);
        --settings-tab-active-bkg-color: var(--white-color);
        --settings-tab-bkg-color: var(--gray-light-4-color);
        --settings-tab-text-color: var(--primary-color);
        --settings-tab-boxshadow-color: var(--trans-black-3-color);
        --settings-tab-content-bkg-color: var(--white-color);
        --circle-color: var(--white-color);
        --circle-boxshadow-color: var(--trans-black-4-color);
        --yellow-circle-bkg-color: var(--light-yellow-color);
        --green-circle-bkg-color: var(--light-green-color);
        --line-bkg-color: var(--gray-light-color);
        --input-text-normal-text-color: var(--light-black-blue-accent-color);
        --input-readonly-bkg-color: var(--light-white-blue-accent-color);
        --lookup-border-color: var(--gray-light-2-color);
        --lookup-btn-bkg-color: var(--white-color);
        --lookup-btn-icon-color: var(--gray-3-color);
        --lookup-dropdown-boxshadow-color: var(--trans-black-5-color);
        --win-inline-bkg-color: var(--gray-lightest-color);
        --win-inside-win-bkg-color: var(--gray-lightest-3-color);
        --win-autosave-text-color: var(--gray-3-color);
        --win-autosave-btn-color: var(--light-trans-primary-2-color);
        --win-autosave-saved-text-color: var(--darkgray-color);
        --win-autosave-warning-icon-color: oklch(from var(--light-msg-warning) calc(l + 0.07) calc(c - 0.04) h);
        --win-related-lookup-bkg-color: var(--gray-lightest-color);
        --win-related-lookup-hover-bkg-color: var(--gray-lightest-3-color);
        --win-fieldset-border-color: var(--gray-light-4-color);
        --win-gridview-th-color: var(--white-color);
        --win-gridview-dialog-bkg-color: var(--white-color);
        --win-gridview-dialog-boxshadow-color: var(--darkgray-color);
        --win-gridview-dialog-titlebar-bkg-color: var(--trans-black-3-color);
        --win-gridview-dialog-titlebar-text-color: var(--light-black-blue-accent-color);
        --win-gridview-dialog-close-hover-color: var(--light-btn-close-hover-color);
        --win-memo-selection-bkg-color: var(--secondary-color);
        --win-windoc-divideitems-border-color: var(--gray-lightest-color);
        --win-shortcuts-bkg-color: var(--gray-lightest-7-color);
        --win-shortcuts-boxshadow-color: var(--trans-black-3-color);
        --win-shortcuts-shortcut-hover-color: var(--secondary-color);
        --check-text-color: var(--gray-light-color);
        --check-border-color: var(--gray-light-color);
        --check-bkg-color: var(--gray-lightest-color);
        --cbx-border-color: var(--secondary-color);
        --cbx-green-border-color: var(--light-green-color);
        --cbx-checked-bkg-color: var(--secondary-color);
        --cbx-checked-green-bkg-color: var(--light-green-color);
        --cbx-disabled-bkg-color: var(--trans-black-3-color);
        --cbx-disabled-border-color: var(--trans-black-4-color);
        --rdo-bkg-color: var(--gray-lightest-color);
        --rdo-border-color: var(--gray-lightest-color);
        --rdo-checked-bkg-color: var(--secondary-color);
        --rdo-checked-border-color: var(--secondary-color);
        --dropdown-item-active-bkg-color: var(--primary-color);
        --dropdown-img-filter: var(--filter-black);
        --table-pages-info-text-color: var(--black-color);
        --table-pages-btn-color: var(--primary-color);
        --table-header-locked-bkg-color: var(--trans-color);
        --table-content-locked-cell-border-color: var(--gray-light-4-color);
        --table-toolbar-border-color: var(--lightgray-color);
        --table-primary-bkg-color: var(--primary-color);
        --table-primary-border-color: var(--primary-color);
        --table-primary-th-text-color: var(--white-color);
        --table-primary-row-text-color: var(--gray-dark-2-color);
        --table-primary-row-odd-bkg-color: var(--black-color);
        --table-primary-row-even-bkg-color: var(--white-color);
        --table-primary-cell-border-color: var(--trans-black-2-color);
        --table-primary-row-hover-bkg-color: var(--light-trans-primary-3-color);
        --table-primary-row-selected-bgk-color: var(--light-trans-primary-2-color);
        --table-primary-row-hover-border-color: var(--light-trans-primary-1-color);
        --table-primary-row-hover-text-color: var(--white-color);
        --table-primary-sort-icon-color: var(--white-color);
        --table-primary-sort-column-bkg-color: var(--tertiary-color);
        --table-primary-img-filter: var(--filter-black);
        --table-secondary-bgk-color: var(--primary-color);
        --table-secondary-border-color: var(--primary-color);
        --table-secondary-th-text-color: var(--white-color);
        --page-link-text-color: var(--primary-color);
        --page-link-hover-color: var(--secondary-color);
        --page-link-hover-text-color: var(--white-color);
        --select-dialog-win-content-bkg-color: var(--gray-lightest-3-color);
        --select-bar-bkg-color: var(--primary-color);
        --select-bar-text-color: var(--white-color);
        --select-bar-focus-border-color: var(--tertiary-color);
        --select-content-bkg-color: var(--gray-lightest-2-color);
        --select-dropdown-boxshadow-color: var(--lightgray-color);
        --report-diff-linenr-bkg-color: var(--gray-light-4-color);
        --report-style-color-picker-inner-bkg-color: var(--white-color);
        --report-style-color-picker-border-color: var(--trans-black-2-color);
        --report-designer-main-text-color: var(--light-black-blue-accent-color);
        --report-designer-border-color: var(--gray-light-2-color);
        --report-designer-border-alt-color: var(--gray-light-3-color);
        --report-designer-canvas-bgk-color: var(--gray-light-4-color);
        --report-designer-tree-selected-text-color: var(--secondary-color);
        --report-designer-tree-hover-text-color: var(--light-black-blue-accent-color);
        --report-designer-tree-hover-bgk-color: var(--gray-light-4-color);
        --report-designer-splitter-bgk-color: var(--white-color);
        --report-designer-splitbar-bgk-color: var(--gray-lightest-2-color);
        --report-designer-panelbar-bgk-color: var(--gray-lightest-2-color);
        --report-designer-panelbar-panel-bgk-color: var(--gray-light-3-color);
        --report-designer-panelbar-panel-text-color: var(--light-black-blue-accent-color);
        --report-designer-tabstrip-content-bgk-color: var(--gray-lightest-2-color);
        --report-designer-properties-active-text-color: var(--light-black-blue-accent-color);
        --report-designer-properties-active-bgk-color: var(--white-color);
        --report-designer-input-bgk-color: var(--white-color);
        --report-designer-picker-bgk-color: var(--gray-lightest-2-color);
        --report-designer-main-menu-btn-hover-bgk-color: var(--gray-light-3-color);
        --report-designer-main-menu-bgk-color: var(--gray-lightest-3-color);
        --report-designer-main-menu-hover-bgk-color: var(--gray-light-3-color);
        --report-designer-card-bgk-color: var(--gray-lightest-3-color);
        --report-designer-card-hover-bgk-color: var(--gray-light-3-color);
        --report-designer-popup-bgk-color: var(--gray-lightest-2-color);
        --report-designer-popup-editor-item-bgk-color: var(--white-color);
        --report-designer-svg-filter: initial;
        --error-boundary-bgk-color: var(--darkred-color);
        --error-boundary-text-color: var(--white-color);
        --error-boundary-border-color: var(--gray-light-4-color);
        --error-color: var(--light-error-color);
        --error-hightlight-bkg-color: var(--light-error-highlight-bkg-color);
        --error-hightlight-lighter-bkg-color: var(--light-error-highlight-lighter-bkg-color);
        --error404-bkg-color: var(--light-error404-bkg-color);
        --error404-head-text-color: var(--secondary-color);
        --error404-head-text-shadow-color: var(--primary-color);
        --error404-text-color: var(--secondary-color);
        --error404-text-shadow-color: var(--primary-color);
        --error404-shark-dropshadow-color: var(--trans-black-5-color);
        --activity-active-bkg-color: var(--trans-black-4-color);
        --imgupload-img-toolbar-icon-color: var(--secondary-color);
        --inputfile-empty-drop-outline-color: var(--light-trans-secondary-2-color);
        --inputfile-empty-drop-file-hover-bkg-color: var(--secondary-color);
        --inputfile-empty-drop-file-hover-outline-color: var(--white-color);
        --inputfile-empty-drop-placefiles-text-color: var(--light-trans-tertiary-1-color);
        --inputfile-empty-drop-hover-placefiles-text-color: var(--white-color);
        --inputfile-empty-drop-hover-placefiles-icon-color: var(--light-trans-secondary-2-color);
        --inputfile-full-drop-bkg-color: var(--light-trans-secondary-3-color);
        --inputfile-full-drop-outline-color: var(--white-color);
        --inputfile-full-placefiles-icon-color: var(--white-color);
        --inputfile-document-outline-color: var(--tertiary-color);
        --inputfile-document-text-color: var(--gray-color);
        --document-titlebar-bkg-color: var(--primary-color);
        --document-titlebar-text-color: var(--white-color);
        --document-meta-content-bkg-color: var(--gray-lightest-3-color);
        --document-meta-row-odd-bkg-color: var(--gray-light-4-color);
        --document-meta-row-even-bkg-color: var(--gray-lightest-2-color);
        --tree-container-bkg-color: var(--gray-lightest-2-color);
        --tree-filter-container-bkg-color: var(--primary-color);
        --tree-filter-input-bkg-color: var(--white-color);
        --tree-item-selected-bkg-color: var(--secondary-color);
        --tree-item-selected-text-color: var(--white-color);
        --ribbon-group-bkg-color: var(--light-ribbon-group-color);
        --ribbon-group-title-bkg-color: var(--secondary-color);
        --ribbon-group-title-2-bkg-color: var(--tertiary-color);
        --ribbon-item-img-filter: var(--filter-black);
        --ribbon-item-2-img-filter: var(--filter-white);
        --ribbon-item-2-btn-bkg-color: var(--secondary-color);
        --ribbon-item-2-btn-hover-bkg-color: var(--primary-color);
        --ribbon-item-select-bkg-color: var(--light-ribbon-item-select-color);
        --ribbon-item-active-boxshadow-color: var(--light-ribbon-item-active-color);
        --ribbon-item-hover-boxshadow-color: var(--light-ribbon-item-hover-color);
        --ribbon-item-img-dropshadow-color: var(--primary-color);
        --workflow-designer-canvas-bkg-color: var(--white-color);
        --workflow-designer-canvas-boxshadow-color: var(--lightgray-color);
        --workflow-designer-canvas-item-text-color: var(--white-color);
        --workflow-designer-line-color: var(--black-color);
        --workflow-designer-item-border-color: var(--black-color);
        --workflow-designer-item-start-bkg-color: var(--black-color);
        --workflow-designer-item-process-bkg-color: var(--light-workflow-designer-process-color);
        --workflow-designer-item-task-bkg-color: var(--light-workflow-designer-task-color);
        --workflow-designer-item-task-end-node-stroke-color: var(--black-color);
        --workflow-designer-item-task-end-node-fill-color: var(--black-color);
        --workflow-designer-item-alt-bkg-color: var(--light-workflow-designer-alt-color);
        --workflow-designer-item-note-bkg-color: var(--light-workflow-designer-note-color);
        --workflow-designer-item-note-textarea-text-color: var(--black-color);
        --workflow-designer-item-note-expand-btn-color: var(--black-color);
        --workflow-designer-item-invalid-dropshadow-color: var(--red-color);
        --workflow-designer-item-valid-dropshadow-color: var(--green-color);
        --workflow-designer-action-boxshadow-color: var(--light-workflow-designer-action-shadow-color);
        --workflow-designer-action-line-bkg-color: var(--workflow-designer-line-color);
        --workflow-designer-action-line-wrapper-dropshadow-color: var(--light-workflow-designer-action-wrapper-color);
        --design-tab-active-bkg-color: var(--tertiary-color);
        --design-tab-hover-bkg-color: var(--tertiary-color);
        --design-tab-bkg-color: var(--primary-color);
        --design-tab-invalid-bkg-color: var(--light-workflow-designer-invalid-tab-color);
        --design-tab-text-color: var(--white-color);
        --design-tab-close-color: var(--white-color);
        --design-tab-close-hover-color: var(--light-btn-close-hover-color);
        --design-tab-invalid-close-hover-color: var(--red-dark-color);
        --std-toolbox-item-border-color: var(--gray-light-2-color);
        --std-toolbox-item-bkg-color: var(--gray-lightest-color);
        --std-canvas-bkg-color: var(--gray-lightest-6-color);
        --std-gridstack-item-bkg-color: var(--bkg-white);
        --std-gridstack-item-border-color: var(--gray-light-5-color);
        --std-gridstack-item-text-color: var(--text-black-accent);
        --msg-toast-lightbulb-filter-bright-color: var(--red-color);
        --msg-toast-lightbulb-filter-dimming-color: var(--red-light-color);
        --msg-toast-lightbulb-filter-dimmed-color: var(--white-color);
        --msg-confirm-disableblanket-bkg-color: var(--trans-black-4-color);
        --msg-confirm-title-text-color: var(--white-color);
        --msg-confirm-close-hover-color: var(--light-confirm-close-hover-color);
        --msg-confirm-content-bkg-color: var(--white-color);
        --msg-confirm-actions-bkg-color: var(--gray-light-2-color);
        --msg-confirm-actions-text-color: var(--white-color);
        --msg-confirm-actions-hover-bkg-color: var(--gray-light-color);
        --msg-confirm-actions-accent-bkg-color: var(--light-confirm-actions-accent-color);
        --msg-confirm-actions-accent-hover-bkg-color: var(--light-confirm-actions-accent-hover-color);
        --msg-feedback-title-bgk-color: var(--white-color);
        --msg-feedback-title-text-color: var(--black-color);
        --msg-feedback-body-bkg-color: var(--gray-lightest-2-color);
        --msg-feedback-info-icon-bkg-color: var(--light-msg-info);
        --msg-feedback-warning-icon-bkg-color: var(--light-msg-warning);
        --msg-feedback-confirm-icon-bkg-color: var(--light-msg-confirm);
        --msg-feedback-yesnocancel-icon-bkg-color: var(--light-msg-confirm);
        --msg-feedback-option-icon-bkg-color: var(--light-msg-confirm);
        --msg-feedback-icon-text-color: var(--white-color);
        --msg-feedback-content-bkg-color: var(--white-color);
        --msg-feedback-content-text-color: var(--light-black-blue-accent-color);
        --msg-feedback-actions-bkg-color: var(--gray-2-color);
        --msg-feedback-actions-even-bkg-color: var(--gray-color);
        --msg-feedback-actions-hover-bkg-color: var(--primary-color);
        --msg-feedback-actions-text-color: var(--white-color);
        --msg-flyout-titlebar-bkg-color: var(--primary-color);
        --msg-flyout-titlebar-text-color: var(--white-color);
        --msg-flyout-titlebar-outline-color: var(--white-color);
        --msg-flyout-titlebar-boxshadow-color: var(--trans-black-4-color);
        --msg-flyout-count-bkg-color: var(--red-color);
        --msg-flyout-count-text-color: var(--white-color);
        --msg-flyout-content-container-bkg-color: var(--white-color);
        --msg-flyout-content-container-boxshadow-color: var(--gray-3-color);
        --msg-flyout-notification-bkg-color: var(--secondary-color);
        --msg-flyout-notification-text-color: var(--white-color);
        --msg-flyout-notification-read-bkg-color: var(--gray-4-color);
        --msg-flyout-notification-close-color: var(--white-color);
        --msg-flyout-notification-close-hover-color: var(--light-btn-close-hover-color);
        --msg-help-shortcut-btn-bkg-color: var(--secondary-color);
        --msg-help-shortcut-btn-hover-bkg-color: var(--primary-color);
        --msg-help-shortcut-btn-text-color: var(--white-color);
        --msg-help-shortcut-key-bkg-color: var(--gray-light-3-color);
        --msg-help-shortcut-key-text-color: var(--trans-black-5-color);
        --msg-help-shortcut-key-border-color: var(--gray-light-color);
        --msg-help-shortcut-key-boxshadow-color: var(--trans-black-4-color);
        --msg-help-shortcut-key-boxshadow-1-color: var(--white-color);
        --image-filter-white: var(--filter-white);
        --image-filter-black: var(--filter-black);
        --image-filter-primary: var(--filter-primary);
        --image-filter-secondary: var(--filter-secondary);
        --image-filter-tertiary: var(--filter-tertiary);
        --tlk-color-primary: var(--secondary-color);
        --tlk-color-surface: var(--gray-lightest-3-color);
        --tlk-color-surface-alt: var(--white-color);
        --tlk-color-on-app-service: var(--gray-dark-9-color);
        --tlk-color-base: inherit;
        --tlk-color-base-hover: var(--trans-black-3-color);
        --tlk-color-on-base: inherit;
        --tlk-color-light: inherit;
        --tlk-overlay-opacity: var(--light-overlay-opacity);
        --tlk-color-border: var(--trans-black-2-color);
        --tlk-win-titlebar-bkg-color: var(--trans-black-2-color);
        --tlk-win-titlebar-text-color: var(--primary-color);
        --tlk-win-content-bkg-color: var(--gray-lightest-2-color);
        --tlk-input-inner-bkg-color: var(--white-color);
        --tlk-input-inner-text-color: var(--gray-dark-2-color);
        --tlk-input-inner-border-color: var(--gray-light-2-color);
        --tlk-list-item-selected-bkg-color: var(--secondary-color);
        --tlk-list-item-selected-hover-bkg-color: var(--primary-color);
        --tlk-rdo-checked-bkg-color: var(--rdo-checked-bkg-color);
        --tlk-rdo-checked-border-color: var(--rdo-checked-bkg-color);
        --tlk-rdo-checked-focus-color: var(--light-trans-secondary-1-color);
        --tlk-cxtmenu-item-link-bkg-color: var(--secondary-color);
        --tlk-cxtmenu-item-link-text-hover-color: var(--white-color);
        --tlk-cxtmenu-item-link-img-filter: inherit;
        --tlk-cxtmenu-item-link-img-hover-filter: var(--filter-white);
        --tlk-loadicon-primary-color: var(--tertiary-color);
        --tlk-splitter-bkg-color: var(--white-color);
        --tlk-splitter-hover-bkg-color: var(--trans-black-3-color);
        --tlk-splitter-hover-text-color: var(--trans-black-4-color);
        --tlk-splitbar-text-color: var(--trans-black-5-color);
        --tlk-splitbar-windoc-bkg-color: var(--gray-lightest-color);
        --tlk-splitbar-docoverview-bkg-color: var(--gray-lightest-3-color);
        --tlk-calendar-selected-cell-bkg-color: var(--secondary-color);
        --tlk-calendar-selected-hover-cell-bkg-color: var(--tertiary-color);
        --tlk-time-item-text-color: var(--secondary-color);
        --tlk-time-item-hover-text-color: var(--tertiary-color);
        --tlk-btn-selected-primary-bkg-color: var(--secondary-color);
        --tlk-btn-selected-primary-hover-bkg-color: var(--tertiary-color);
        --tlk-notification-error: var(--light-msg-error);
        --tlk-notification-warning: var(--light-msg-warning);
        --tlk-notification-info: var(--light-msg-info);
        --tlk-notification-success: var(--light-msg-success);
        --tlk-notification-boxshadow-color: var(--gray-3-color);
        --tlk-notification-icon-color: var(--white-color);
        --tlk-notification-content-bkg-color: var(--white-color);
        --tlk-notification-content-text-color: var(--light-black-blue-accent-color);
        --tlk-notification-actions-bkg-color: var(--gray-color);
        --tlk-notification-actions-text-color: var(--white-color);
        --tlk-notification-actions-icon-color: var(--gray-light-color);
        --bts-tertiary-bkg-color: var(--gray-light-3-color);
        --bts-border-color: var(--gray-light-2-color);
        --bts-accordion-bkg-color: var(--white-color);
        --bts-white-bkg-color: var(--white-color);
        --bts-light-bgk-color: var(--gray-lightest-4-color);
        --bts-light-alt-bgk-color: var(--gray-lightest-9-color);
        --bts-white-border-color: var(--white-color);
        --bts-white-text-color: var(--white-color);
        --bts-black-text-color: var(--black-color);
        --bts-body-bkg-color: var(--white-color);
        --bts-body-text-color: var(--input-text-normal-text-color);
        --bts-placeholder-text-color: var(--gray-light-2-color);
        --bts-input-group-text-bkg-color: var(--gray-lightest-color);
        --bts-input-group-text-border-color: var(--bts-border-color);
        --bts-input-group-text-text-color: var(--input-text-normal-text-color);
        --bts-dropdown-link-hover-bkg-color: var(--gray-lightest-2-color);
        --bts-btn-bkg-color: var(--bts-body-bkg-color);
        --bts-table-striped-bgk-color: var(--gray-lightest-2-color);
        --bts-accordion-btn-icon-filter: inherit;
        --bts-form-control-bkg-color: var(--white-color);
        --bts-form-control-border-color: var(--gray-light-2-color);
        --translator-titlebar-bkg-color: var(--trans-black-3-color);
        --translator-titlebar-border-color: var(--gray-light-color);
        --userprofile-toolbar-bkg-color: var(--primary-color);
        --userprofile-toolbar-text-color: var(--white-color);
        --userprofile-content-text-color: var(--black-color);
        --userprofile-menu-content-bkg-color: var(--gray-lightest-3-color);
        --userprofile-menu-content-border-color: var(--gray-lightest-2-color);
        --userprofile-content-bkg-color: var(--white-color);
        --drawer-item-selected-bkg-color: var(--tertiary-color);
        --scheduler-resourcemanager-container-bkg-color: var(--header-bkg-color);
        --scheduler-resourcemanager-toggle-btn-border-color: var(--gray-dark-7-color);
        --scheduler-resourcemanager-toggle-btn-bkg-color: var(--bkg-gray);
        --scheduler-resourcemanager-display-hover-bkg-color: var(--gray-3-color);
        --scheduler-appointmenteditor-delete-btn-bkg-color: var(--red-light-color);
        --scheduler-appointmenteditor-delete-btn-color: var(--white-color);
        --scheduler-preset-1-bkg-color: var(--light-scheduler-1-color);
        --scheduler-preset-2-bkg-color: var(--light-scheduler-2-color);
        --scheduler-preset-3-bkg-color: var(--light-scheduler-3-color);
        --scheduler-preset-4-bkg-color: var(--light-scheduler-4-color);
        --scheduler-preset-5-bkg-color: var(--light-scheduler-5-color);
        --scheduler-preset-6-bkg-color: var(--light-scheduler-6-color);
        --scheduler-preset-7-bkg-color: var(--light-scheduler-7-color);
        --scheduler-preset-8-bkg-color: var(--light-scheduler-8-color);
        --scheduler-preset-9-bkg-color: var(--light-scheduler-9-color);
        --scheduler-preset-10-bkg-color: var(--light-scheduler-10-color);
        --moduletip-alt-bkg-color: var(--gray-lightest-8-color);
        --moduletip-alt-boxshadow-color: var(--gray-light-2-color);
        --detail-template-viewer-bkg-color: var(--bkg-white);
        --detail-template-viewer-border-color: var(--border-gray-light);
        --detail-template-viewer-text-color: var(--body-text-color);
        --detail-template-viewer-panel-bkg-color: var(--gray-lightest-8-color);
        --detail-template-viewer-panel-border-color: var(--border-gray-light);
        --detail-template-viewer-divide-border-color: var(--gray-light-5-color);
        --detail-template-viewer-nested-panel-bkg-color: var(--bkg-white);
        --detail-template-viewer-boxshadow-color: var(--trans-black-1-color);
    }

/* Donkere thema */
[data-theme="dark"] {
    color-scheme: dark;
    --primary-color: var(--dark-primary-color);
    --secondary-color: var(--dark-secondary-color);
    --tertiary-color: var(--dark-tertiary-color);
    --text-primary: var(--white-color);
    --text-secondary: var(--secondary-color);
    --text-tertiary: var(--tertiary-color);
    --text-white: var(--white-color);
    --text-black-accent: var(--gray-light-color);
    --text-gray: var(--gray-4-color);
    --body-text-color: var(--dark-body-text-color);
    --link-color: var(--secondary-color);
    --link-hover-color: var(--tertiary-color);
    --bkg-primary: var(--gray-dark-7-color);
    --bkg-secondary: var(--secondary-color);
    --bkg-tertiary: var(--tertiary-color);
    --bkg-white: var(--gray-dark-2-color);
    --bkg-gray: var(--gray-lightest-color);
    --bkg-extralightgray: var(--gray-lightest-3-color);
    --bkg-lightergray: var(--gray-dark-color);
    --bkg-lightgray: var(--gray-light-3-color);
    --border-primary: var(--primary-color);
    --border-secondary: var(--secondary-color);
    --border-tertiary: var(--tertiary-color);
    --border-black-accent: var(--gray-light-color);
    --border-gray: var(--gray-dark-3-color);
    --border-gray-light: var(--gray-dark-3-color);
    --border-login: var(--white-color);
    --btn-primary-text-color: var(--white-color);
    --btn-primary-bkg-color: var(--primary-color);
    --btn-primary-border-color: var(--primary-color);
    --btn-primary-hover-text-color: var(--white-color);
    --btn-primary-hover-bkg-color: var(--tertiary-color);
    --btn-primary-hover-border-color: var(--tertiary-color);
    --btn-secondary-text-color: var(--white-color);
    --btn-secondary-bkg-color: var(--secondary-color);
    --btn-secondary-border-color: var(--secondary-color);
    --btn-secondary-hover-text-color: var(--white-color);
    --btn-secondary-hover-bkg-color: var(--tertiary-color);
    --btn-secondary-hover-border-color: var(--tertiary-color);
    --btn-tertiary-text-color: var(--white-color);
    --btn-tertiary-bkg-color: var(--tertiary-color);
    --btn-tertiary-border-color: var(--tertiary-color);
    --btn-tertiary-hover-text-color: var(--white-color);
    --btn-tertiary-hover-bkg-color: var(--primary-color);
    --btn-tertiary-hover-border-color: var(--primary-color);
    --btn-disabled-text-color: var(--white-color);
    --btn-disabled-bkg-color: var(--gray-color);
    --btn-disabled-border-color: var(--gray-color);
    --btn-disabled-hover-text-color: var(--white-color);
    --btn-disabled-hover-bkg-color: var(--primary-color);
    --btn-disabled-hover-border-color: var(--primary-color);
    --btn-gray-text-color: var(--dark-btn-gray-text-color);
    --btn-gray-bkg-color: var(--gray-dark-3-color);
    --btn-gray-border-color: var(--gray-dark-3-color);
    --btn-gray-hover-text-color: var(--dark-btn-gray-text-color);
    --btn-gray-hover-bkg-color: var(--dark-btn-gray-hover-color);
    --btn-gray-hover-border-color: var(--dark-btn-gray-hover-color);
    --btn-cancel-text-color: var(--dark-btn-gray-text-color);
    --btn-cancel-bkg-color: var(--gray-dark-3-color);
    --btn-cancel-border-color: var(--gray-dark-3-color);
    --btn-cancel-hover-text-color: var(--dark-btn-gray-text-color);
    --btn-cancel-hover-bkg-color: var(--dark-btn-gray-hover-color);
    --btn-cancel-hover-border-color: var(--dark-btn-gray-hover-color);
    --btn-outline-bkg-color: var(--gray-dark-2-color);
    --close-button-color: var(--gray-light-color);
    --close-button-hover-color: var(--dark-btn-close-hover-color);
    --pin-button-color: var(--secondary-color);
    --pin-button-hover-color: var(--dark-btn-close-hover-color);
    --header-bkg-color: var(--gray-dark-2-color);
    --header-top-nav-bkg-color: var(--gray-dark-color);
    --header-lang-menu-bar-mobile-bkg-color: var(--dark-mobile-language-menu-bar);
    --header-lang-menu-bar-mobile-help-color: var(--dark-tertiary-color);
    --search-bar-mobile-bkg-color: var(--dark-mobile-search-bar);
    --search-bar-mobile-top-boxshadow-color: var(--dark-mobile-search-boxshadow-color);
    --search-dropdown-mobile-bkg-color: var(--gray-dark-6-color);
    --search-dropdown-boxshadow-color: var(--trans-black-5-color);
    --search-dropdown-bkg-color: var(--gray-dark-color);
    --search-group-bkg-color: var(--gray-dark-6-color);
    --search-group-title-boxshadow-color: var(--trans-black-4-color);
    --search-card-bkg-color: var(--gray-dark-6-color);
    --search-card-title-color: var(--secondary-color);
    --search-card-title-alt-color: var(--secondary-color);
    --search-results-found-text-color: var(--gray-lightest-2-color);
    --search-highlight-bkg-color: var(--gray-dark-3-color);
    --search-refined-highlight-bkg-color: color-mix(in srgb, var(--tertiary-color) 50%, transparent);
    --header-quickactions-mobile-hover-bkg-color: var(--tertiary-color);
    --header-content-bkg-color: var(--gray-dark-4-color);
    --header-boxshadow-color: var(--trans-black-6-color);
    --header-tab-text-color: var(--white-color);
    --header-tab-active-border-color: var(--secondary-color);
    --header-company-hover-text-color: var(--secondary-color);
    --profile-menu-mobile-bkg-color: var(--trans-black-4-color);
    --profile-menu-mobile-content-bkg-color: var(--gray-dark-6-color);
    --profile-menu-mobile-titlebar-text-color: var(--dark-body-text-color);
    --profile-menu-mobile-border-color: var(--gray-dark-3-color);
    --profile-menu-level-0-text-color: var(--tertiary-color);
    --profile-menu-hover-text-color: var(--gray-3-color);
    --profile-menu-active-text-color: var(--white-color);
    --profile-menu-active-bkg-color: var(--tertiary-color);
    --profile-menu-img-filter: var(--filter-white);
    --sidebar-bkg-color: var(--gray-dark-color);
    --sidebar-item-text-color: var(--white-color);
    --sidebar-item-hover-text-color: var(--white-color);
    --sidebar-item-hover-bkg-color: var(--tertiary-color);
    --sidebar-line-color: var(--white-color);
    --sidebar-activities-bkg: var(--dark-sidebar-activities-bkg);
    --sidebar-activities-boxshadow-color: var(--dark-sidebar-activities-boxshadow-color);
    --sidebar-activities-icon-filter: var(--filter-white);
    --sidebar-toggle-split-text-color: var(--text-white);
    --sidebar-nav-text-color: var(--text-white);
    --sidebar-menu-hover-bkg-color: var(--tertiary-color);
    --sidebar-menu-selected-bkg-color: var(--tertiary-color);
    --dashboard-icon-bkg-color: var(--secondary-color);
    --dashboard-icon-hover-bkg-color: var(--tertiary-color);
    --dashboard-icon-img-filter: var(--filter-gray-1);
    --dashboard-icon-img-hover-filter: var(--filter-white);
    --dashboard-icon-bottom-filter: var(--filter-gray-1);
    --menu-classic-scroll-bkg-color: var(--gray-dark-color);
    --menu-classic-scroll-thumb-bkg-color: var(--gray-dark-3-color);
    --menu-classic-scroll-thumb-hover-bkg-color: var(--gray-2-color);
    --menu-img-filter: var(--filter-white);
    --settings-tab-active-border-color: var(--secondary-color);
    --settings-tab-text-color: var(--white-color);
    --settings-tab-boxshadow-color: var(--trans-black-3-color);
    --settings-tab-content-bkg-color: var(--gray-dark-2-color);
    --settings-tab-active-bkg-color: var(--gray-dark-2-color);
    --settings-tab-bkg-color: var(--gray-dark-7-color);
    --circle-color: var(--white-color);
    --circle-boxshadow-color: var(--trans-black-4-color);
    --yellow-circle-bkg-color: var(--dark-yellow-color);
    --green-circle-bkg-color: var(--dark-green-color);
    --line-bkg-color: var(--gray-light-color);
    --input-text-normal-text-color: var(--white-color);
    --input-readonly-bkg-color: var(--gray-dark-3-color);
    --lookup-border-color: var(--gray-light-2-color);
    --lookup-btn-bkg-color: var(--gray-dark-6-color);
    --lookup-btn-icon-color: var(--gray-3-color);
    --lookup-dropdown-boxshadow-color: var(--gray-dark-4-color);
    --win-inline-bkg-color: var(--gray-dark-color);
    --win-inside-win-bkg-color: var(--gray-dark-6-color);
    --win-autosave-text-color: var(--gray-4-color);
    --win-autosave-btn-color: var(--dark-trans-primary-2-color);
    --win-autosave-saved-text-color: var(--darkgray-color);
    --win-autosave-warning-icon-color: oklch(from var(--light-msg-warning) calc(l - 0.18) calc(c - 0.06) h);
    --win-related-lookup-bkg-color: var(--gray-dark-7-color);
    --win-related-lookup-hover-bkg-color: var(--gray-dark-3-color);
    --win-fieldset-border-color: var(--gray-dark-3-color);
    --win-gridview-th-color: var(--white-color);
    --win-gridview-dialog-bkg-color: var(--gray-dark-color);
    --win-gridview-dialog-boxshadow-color: var(--black-color);
    --win-gridview-dialog-titlebar-bkg-color: var(--gray-dark-6-color);
    --win-gridview-dialog-titlebar-text-color: var(--white-color);
    --win-gridview-dialog-close-hover-color: var(--dark-btn-close-hover-color);
    --win-memo-selection-bkg-color: var(--secondary-color);
    --win-windoc-divideitems-border-color: var(--gray-lightest-color);
    --win-shortcuts-bkg-color: var(--gray-dark-5-color);
    --win-shortcuts-boxshadow-color: var(--trans-black-6-color);
    --win-shortcuts-shortcut-hover-color: var(--secondary-color);
    --check-text-color: var(--gray-light-color);
    --check-border-color: var(--gray-dark-7-color);
    --check-bkg-color: var(--gray-dark-color);
    --cbx-border-color: var(--secondary-color);
    --cbx-green-border-color: var(--dark-green-color);
    --cbx-checked-bkg-color: var(--secondary-color);
    --cbx-checked-green-bkg-color: var(--dark-green-color);
    --cbx-disabled-bkg-color: var(--gray-2-color);
    --cbx-disabled-border-color: var(--gray-4-color);
    --rdo-bkg-color: var(--gray-lightest-color);
    --rdo-border-color: var(--gray-lightest-color);
    --rdo-checked-bkg-color: var(--secondary-color);
    --rdo-checked-border-color: var(--secondary-color);
    --dropdown-item-active-bkg-color: var(--primary-color);
    --dropdown-img-filter: var(--filter-white);
    --table-pages-info-text-color: var(--black-color);
    --table-pages-btn-color: var(--gray-light-color);
    --table-header-locked-bkg-color: var(--trans-color);
    --table-content-locked-cell-border-color: var(--gray-light-4-color);
    --table-toolbar-border-color: var(--lightgray-color);
    --table-primary-bkg-color: var(--gray-dark-3-color);
    --table-primary-border-color: var(--gray-dark-3-color);
    --table-primary-th-text-color: var(--white-color);
    --table-primary-row-text-color: var(--gray-lightest-2-color);
    --table-primary-row-odd-bkg-color: var(--white-color);
    --table-primary-row-even-bkg-color: var(--gray-dark-2-color);
    --table-primary-cell-border-color: var(--trans-black-2-color);
    --table-primary-row-hover-bkg-color: var(--dark-trans-primary-3-color);
    --table-primary-row-selected-bgk-color: var(--dark-trans-primary-1-color);
    --table-primary-row-hover-border-color: var(--dark-trans-primary-1-color);
    --table-primary-row-hover-text-color: var(--white-color);
    --table-primary-sort-icon-color: var(--white-color);
    --table-primary-sort-column-bkg-color: var(--white-color);
    --table-primary-img-filter: var(--filter-white);
    --table-secondary-bgk-color: var(--primary-color);
    --table-secondary-border-color: var(--primary-color);
    --table-secondary-th-text-color: var(--white-color);
    --page-link-text-color: var(--primary-color);
    --page-link-hover-color: var(--secondary-color);
    --page-link-hover-text-color: var(--white-color);
    --select-dialog-win-content-bkg-color: var(--gray-dark-color);
    --select-bar-bkg-color: var(--primary-color);
    --select-bar-text-color: var(--white-color);
    --select-bar-focus-border-color: var(--tertiary-color);
    --select-content-bkg-color: var(--gray-dark-7-color);
    --select-dropdown-boxshadow-color: var(--lightgray-color);
    --report-diff-linenr-bkg-color: var(--gray-light-4-color);
    --report-style-color-picker-inner-bkg-color: var(--gray-dark-6-color);
    --report-style-color-picker-border-color: var(--trans-black-2-color);
    --report-designer-main-text-color: var(--gray-light-color);
    --report-designer-border-color: var(--gray-dark-7-color);
    --report-designer-border-alt-color: var(--gray-dark-3-color);
    --report-designer-canvas-bgk-color: var(--gray-dark-2-color);
    --report-designer-tree-selected-text-color: var(--secondary-color);
    --report-designer-tree-hover-text-color: var(--gray-lightest-2-color);
    --report-designer-tree-hover-bgk-color: var(--gray-dark-3-color);
    --report-designer-splitter-bgk-color: var(--gray-dark-7-color);
    --report-designer-splitbar-bgk-color: var(--gray-dark-6-color);
    --report-designer-panelbar-bgk-color: var(--gray-dark-6-color);
    --report-designer-panelbar-panel-bgk-color: var(--gray-dark-3-color);
    --report-designer-panelbar-panel-text-color: var(--gray-lightest-2-color);
    --report-designer-tabstrip-content-bgk-color: var(--gray-dark-6-color);
    --report-designer-properties-active-text-color: var(--gray-lightest-2-color);
    --report-designer-properties-active-bgk-color: var(--gray-dark-7-color);
    --report-designer-input-bgk-color: var(--gray-dark-6-color);
    --report-designer-picker-bgk-color: var(--gray-dark-3-color);
    --report-designer-main-menu-btn-hover-bgk-color: var(--gray-dark-6-color);
    --report-designer-main-menu-bgk-color: var(--gray-dark-7-color);
    --report-designer-main-menu-hover-bgk-color: var(--gray-dark-3-color);
    --report-designer-card-bgk-color: var(--gray-dark-7-color);
    --report-designer-card-hover-bgk-color: var(--gray-dark-3-color);
    --report-designer-popup-bgk-color: var(--gray-dark-color);
    --report-designer-popup-editor-item-bgk-color: var(--gray-dark-6-color);
    --report-designer-svg-filter: var(--filter-gray-2);
    --error-boundary-text-color: var(--white-color);
    --error-boundary-bgk-color: var(--darkred-color);
    --error-boundary-border-color: var(--gray-light-2-color);
    --error-color: var(--dark-error-color);
    --error-hightlight-bkg-color: var(--dark-error-highlight-bkg-color);
    --error-hightlight-lighter-bkg-color: var(--dark-error-highlight-lighter-bkg-color);
    --error404-bkg-color: var(--gray-dark-6-color);
    --error404-head-text-color: var(--secondary-color);
    --error404-head-text-shadow-color: var(--primary-color);
    --error404-text-color: var(--secondary-color);
    --error404-text-shadow-color: var(--primary-color);
    --error404-shark-dropshadow-color: var(--trans-black-5-color);
    --activity-active-bkg-color: var(--trans-black-4-color);
    --imgupload-img-toolbar-icon-color: var(--secondary-color);
    --inputfile-empty-drop-outline-color: var(--dark-trans-secondary-2-color);
    --inputfile-empty-drop-file-hover-bkg-color: var(--secondary-color);
    --inputfile-empty-drop-file-hover-outline-color: var(--white-color);
    --inputfile-empty-drop-placefiles-text-color: var(--dark-trans-tertiary-1-color);
    --inputfile-empty-drop-hover-placefiles-text-color: var(--white-color);
    --inputfile-empty-drop-hover-placefiles-icon-color: var(--dark-trans-secondary-2-color);
    --inputfile-full-drop-bkg-color: var(--dark-trans-secondary-3-color);
    --inputfile-full-drop-outline-color: var(--white-color);
    --inputfile-full-placefiles-icon-color: var(--white-color);
    --inputfile-document-outline-color: var(--tertiary-color);
    --inputfile-document-text-color: var(--gray-color);
    --document-titlebar-bkg-color: var(--primary-color);
    --document-titlebar-text-color: var(--white-color);
    --document-meta-content-bkg-color: var(--gray-dark-color);
    --document-meta-row-odd-bkg-color: var(--gray-dark-6-color);
    --document-meta-row-even-bkg-color: var(--gray-dark-7-color);
    --tree-container-bkg-color: var(--gray-dark-7-color);
    --tree-filter-container-bkg-color: var(--primary-color);
    --tree-filter-input-bkg-color: var(--white-color);
    --tree-item-selected-bkg-color: var(--secondary-color);
    --tree-item-selected-text-color: var(--white-color);
    --ribbon-group-bkg-color: var(--dark-ribbon-group-color);
    --ribbon-group-title-bkg-color: var(--tertiary-color);
    --ribbon-group-title-2-bkg-color: var(--tertiary-color);
    --ribbon-item-img-filter: var(--filter-gray-2);
    --ribbon-item-2-img-filter: var(--filter-white);
    --ribbon-item-2-btn-bkg-color: var(--gray-2-color);
    --ribbon-item-2-btn-hover-bkg-color: var(--primary-color);
    --ribbon-item-select-bkg-color: var(--dark-ribbon-item-select-color);
    --ribbon-item-active-boxshadow-color: var(--dark-ribbon-item-active-color);
    --ribbon-item-hover-boxshadow-color: var(--dark-ribbon-item-hover-color);
    --ribbon-item-img-dropshadow-color: var(--tertiary-color);
    --workflow-designer-canvas-bkg-color: var(--gray-dark-2-color);
    --workflow-designer-canvas-boxshadow-color: var(--lightgray-color);
    --workflow-designer-canvas-item-text-color: var(--white-color);
    --workflow-designer-line-color: var(--gray-light-color);
    --workflow-designer-item-border-color: var(--gray-light-color);
    --workflow-designer-item-start-bkg-color: var(--gray-dark-3-color);
    --workflow-designer-item-process-bkg-color: var(--dark-workflow-designer-process-color);
    --workflow-designer-item-task-bkg-color: var(--dark-workflow-designer-task-color);
    --workflow-designer-item-task-end-node-stroke-color: var(--gray-light-color);
    --workflow-designer-item-task-end-node-fill-color: var(--gray-dark-3-color);
    --workflow-designer-item-alt-bkg-color: var(--dark-workflow-designer-alt-color);
    --workflow-designer-item-note-bkg-color: var(--dark-workflow-designer-note-color);
    --workflow-designer-item-note-textarea-text-color: var(--gray-light-color);
    --workflow-designer-item-note-expand-btn-color: var(--gray-dark-6-color);
    --workflow-designer-item-invalid-dropshadow-color: var(--red-color);
    --workflow-designer-item-valid-dropshadow-color: var(--dark-msg-success);
    --workflow-designer-action-boxshadow-color: var(--dark-workflow-designer-action-shadow-color);
    --workflow-designer-action-line-bkg-color: var(--workflow-designer-line-color);
    --workflow-designer-action-line-wrapper-dropshadow-color: var(--dark-workflow-designer-action-wrapper-color);
    --design-tab-active-bkg-color: var(--secondary-color);
    --design-tab-hover-bkg-color: var(--gray-2-color);
    --design-tab-bkg-color: var(--gray-dark-3-color);
    --design-tab-invalid-bkg-color: var(--dark-workflow-designer-invalid-tab-color);
    --design-tab-text-color: var(--white-color);
    --design-tab-close-color: var(--white-color);
    --design-tab-close-hover-color: var(--dark-btn-close-hover-color);
    --design-tab-invalid-close-hover-color: var(--red-dark-color);
    --std-toolbox-item-border-color: var(--gray-2-color);
    --std-toolbox-item-bkg-color: var(--gray-dark-3-color);
    --std-canvas-bkg-color: var(--gray-dark-2-color);
    --std-gridstack-item-bkg-color: var(--gray-dark-7-color);
    --std-gridstack-item-border-color: var(--gray-dark-3-color);
    --std-gridstack-item-text-color: var(--text-white);
    --msg-toast-lightbulb-filter-bright-color: var(--red-color);
    --msg-toast-lightbulb-filter-dimming-color: var(--red-light-color);
    --msg-toast-lightbulb-filter-dimmed-color: var(--white-color);
    --msg-confirm-disableblanket-bkg-color: var(--trans-black-4-color);
    --msg-confirm-title-text-color: var(--white-color);
    --msg-confirm-close-hover-color: var(--dark-confirm-close-hover-color);
    --msg-confirm-content-bkg-color: var(--gray-dark-6-color);
    --msg-confirm-actions-bkg-color: var(--gray-dark-3-color);
    --msg-confirm-actions-text-color: var(--white-color);
    --msg-confirm-actions-hover-bkg-color: var(--gray-2-color);
    --msg-confirm-actions-accent-bkg-color: var(--dark-confirm-actions-accent-color);
    --msg-confirm-actions-accent-hover-bkg-color: var(--dark-confirm-actions-accent-hover-color);
    --msg-feedback-title-bgk-color: var(--gray-dark-6-color);
    --msg-feedback-title-text-color: var(--white-color);
    --msg-feedback-body-bkg-color: var(--gray-dark-4-color);
    --msg-feedback-info-icon-bkg-color: var(--dark-msg-info);
    --msg-feedback-warning-icon-bkg-color: var(--dark-msg-warning);
    --msg-feedback-confirm-icon-bkg-color: var(--dark-msg-confirm);
    --msg-feedback-yesnocancel-icon-bkg-color: var(--dark-msg-confirm);
    --msg-feedback-option-icon-bkg-color: var(--dark-msg-confirm);
    --msg-feedback-icon-text-color: var(--white-color);
    --msg-feedback-content-bkg-color: var(--gray-dark-6-color);
    --msg-feedback-content-text-color: var(--gray-lightest-2-color);
    --msg-feedback-actions-bkg-color: var(--gray-dark-3-color);
    --msg-feedback-actions-even-bkg-color: var(--gray-2-color);
    --msg-feedback-actions-hover-bkg-color: var(--primary-color);
    --msg-feedback-actions-text-color: var(--white-color);
    --msg-flyout-titlebar-bkg-color: var(--primary-color);
    --msg-flyout-titlebar-text-color: var(--white-color);
    --msg-flyout-titlebar-outline-color: var(--gray-dark-2-color);
    --msg-flyout-titlebar-boxshadow-color: var(--trans-black-4-color);
    --msg-flyout-count-bkg-color: var(--red-color);
    --msg-flyout-count-text-color: var(--white-color);
    --msg-flyout-content-container-bkg-color: var(--gray-dark-2-color);
    --msg-flyout-content-container-boxshadow-color: var(--gray-dark-4-color);
    --msg-flyout-notification-bkg-color: var(--secondary-color);
    --msg-flyout-notification-text-color: var(--white-color);
    --msg-flyout-notification-read-bkg-color: var(--gray-4-color);
    --msg-flyout-notification-close-color: var(--white-color);
    --msg-flyout-notification-close-hover-color: var(--dark-btn-close-hover-color);
    --msg-help-shortcut-btn-bkg-color: var(--secondary-color);
    --msg-help-shortcut-btn-hover-bkg-color: var(--tertiary-color);
    --msg-help-shortcut-btn-text-color: var(--white-color);
    --msg-help-shortcut-key-bkg-color: var(--gray-light-3-color);
    --msg-help-shortcut-key-text-color: var(--trans-black-5-color);
    --msg-help-shortcut-key-border-color: var(--gray-light-color);
    --msg-help-shortcut-key-boxshadow-color: var(--trans-black-4-color);
    --msg-help-shortcut-key-boxshadow-1-color: var(--white-color);
    --image-filter-white: var(--filter-white);
    --image-filter-black: var(--filter-black);
    --image-filter-primary: var(--filter-primary);
    --image-filter-secondary: var(--filter-secondary);
    --image-filter-tertiary: var(--filter-tertiary);
    --tlk-color-primary: var(--secondary-color);
    --tlk-color-surface: var(--gray-dark-7-color);
    --tlk-color-surface-alt: var(--gray-dark-6-color);
    --tlk-color-on-app-service: var(--gray-lightest-2-color);
    --tlk-color-base: var(--gray-4-color);
    --tlk-color-base-hover: var(--gray-2-color);
    --tlk-color-on-base: var(--gray-light-3-color);
    --tlk-color-light: var(--gray-dark-color);
    --tlk-overlay-opacity: var(--dark-overlay-opacity);
    --tlk-color-border: var(--trans-white-2-color);
    --tlk-win-titlebar-bkg-color: var(--gray-dark-6-color);
    --tlk-win-titlebar-text-color: var(--gray-lightest-color);
    --tlk-win-content-bkg-color: var(--gray-dark-color);
    --tlk-input-inner-bkg-color: var(--gray-dark-6-color);
    --tlk-input-inner-text-color: var(--gray-lightest-2-color);
    --tlk-input-inner-border-color: var(--gray-dark-3-color);
    --tlk-list-item-selected-bkg-color: var(--secondary-color);
    --tlk-list-item-selected-hover-bkg-color: var(--primary-color);
    --tlk-rdo-checked-bkg-color: var(--rdo-checked-bkg-color);
    --tlk-rdo-checked-border-color: var(--rdo-checked-bkg-color);
    --tlk-rdo-checked-focus-color: var(--dark-trans-secondary-1-color);
    --tlk-cxtmenu-item-link-bkg-color: var(--secondary-color);
    --tlk-cxtmenu-item-link-text-hover-color: var(--white-color);
    --tlk-cxtmenu-item-link-img-filter: var(--filter-white);
    --tlk-cxtmenu-item-link-img-hover-filter: var(--filter-white);
    --tlk-loadicon-primary-color: var(--tertiary-color);
    --tlk-splitter-bkg-color: var(--gray-dark-2-color);
    --tlk-splitter-hover-bkg-color: var(--gray-dark-3-color);
    --tlk-splitter-hover-text-color: var(--gray-light-color);
    --tlk-splitbar-text-color: var(--gray-light-2-color);
    --tlk-splitbar-windoc-bkg-color: var(--gray-dark-7-color);
    --tlk-splitbar-docoverview-bkg-color: var(--gray-dark-7-color);
    --tlk-calendar-selected-cell-bkg-color: var(--secondary-color);
    --tlk-calendar-selected-hover-cell-bkg-color: var(--tertiary-color);
    --tlk-time-item-text-color: var(--secondary-color);
    --tlk-time-item-hover-text-color: var(--tertiary-color);
    --tlk-btn-selected-primary-bkg-color: var(--secondary-color);
    --tlk-btn-selected-primary-hover-bkg-color: var(--tertiary-color);
    --tlk-notification-error: var(--dark-msg-error);
    --tlk-notification-warning: var(--dark-msg-warning);
    --tlk-notification-info: var(--dark-msg-info);
    --tlk-notification-success: var(--dark-msg-success);
    --tlk-notification-boxshadow-color: var(--black-color);
    --tlk-notification-icon-color: var(--white-color);
    --tlk-notification-content-bkg-color: var(--gray-dark-6-color);
    --tlk-notification-content-text-color: var(--gray-lightest-2-color);
    --tlk-notification-actions-bkg-color: var(--gray-dark-3-color);
    --tlk-notification-actions-text-color: var(--white-color);
    --tlk-notification-actions-icon-color: var(--gray-light-color);
    --bts-tertiary-bkg-color: var(--gray-light-3-color);
    --bts-border-color: var(--gray-dark-3-color);
    --bts-accordion-bkg-color: var(--gray-dark-2-color);
    --bts-white-bkg-color: var(--gray-dark-2-color);
    --bts-light-bgk-color: var(--gray-dark-2-color);
    --bts-light-alt-bgk-color: var(--gray-lightest-2-color);
    --bts-white-border-color: var(--gray-dark-2-color);
    --bts-white-text-color: var(--white-color);
    --bts-black-text-color: var(--white-color);
    --bts-body-bkg-color: var(--gray-dark-2-color);
    --bts-body-text-color: var(--input-text-normal-text-color);
    --bts-placeholder-text-color: var(--gray-light-color);
    --bts-input-group-text-bkg-color: var(--gray-dark-7-color);
    --bts-input-group-text-border-color: var(--bts-border-color);
    --bts-input-group-text-text-color: var(--input-text-normal-text-color);
    --bts-dropdown-link-hover-bkg-color: var(--gray-dark-7-color);
    --bts-btn-bkg-color: var(--gray-dark-6-color);
    --bts-table-striped-bgk-color: var(--gray-dark-7-color);
    --bts-accordion-btn-icon-filter: var(--filter-white);
    --bts-form-control-bkg-color: var(--gray-dark-6-color);
    --bts-form-control-border-color: var(--gray-dark-3-color);
    --translator-titlebar-bkg-color: var(--gray-dark-6-color);
    --translator-titlebar-border-color: var(--gray-dark-2-color);
    --userprofile-toolbar-bkg-color: var(--gray-dark-3-color);
    --userprofile-toolbar-text-color: var(--white-color);
    --userprofile-content-text-color: var(--white-color);
    --userprofile-menu-content-bkg-color: var(--gray-dark-7-color);
    --userprofile-menu-content-border-color: var(--gray-dark-3-color);
    --userprofile-content-bkg-color: var(--gray-dark-2-color);
    --drawer-item-selected-bkg-color: var(--tertiary-color);
    --scheduler-resourcemanager-container-bkg-color: var(--gray-dark-7-color);
    --scheduler-resourcemanager-toggle-btn-border-color: var(--gray-dark-7-color);
    --scheduler-resourcemanager-toggle-btn-bkg-color: var(--bkg-primary);
    --scheduler-resourcemanager-display-hover-bkg-color: var(--gray-3-color);
    --scheduler-appointmenteditor-delete-btn-bkg-color: var(--red-light-color);
    --scheduler-appointmenteditor-delete-btn-color: var(--white-color);
    --scheduler-preset-1-bkg-color: var(--dark-scheduler-1-color);
    --scheduler-preset-2-bkg-color: var(--dark-scheduler-2-color);
    --scheduler-preset-3-bkg-color: var(--dark-scheduler-3-color);
    --scheduler-preset-4-bkg-color: var(--dark-scheduler-4-color);
    --scheduler-preset-5-bkg-color: var(--dark-scheduler-5-color);
    --scheduler-preset-6-bkg-color: var(--dark-scheduler-6-color);
    --scheduler-preset-7-bkg-color: var(--dark-scheduler-7-color);
    --scheduler-preset-8-bkg-color: var(--dark-scheduler-8-color);
    --scheduler-preset-9-bkg-color: var(--dark-scheduler-9-color);
    --scheduler-preset-10-bkg-color: var(--dark-scheduler-10-color);
    --moduletip-alt-bkg-color: var(--gray-dark-8-color);
    --moduletip-alt-boxshadow-color: var(--trans-black-6-color);
    --detail-template-viewer-bkg-color: var(--bkg-white);
    --detail-template-viewer-border-color: var(--border-gray-light);
    --detail-template-viewer-text-color: var(--body-text-color);
    --detail-template-viewer-panel-bkg-color: var(--gray-dark-8-color);
    --detail-template-viewer-panel-border-color: var(--border-gray-light);
    --detail-template-viewer-divide-border-color: var(--gray-dark-3-color);
    --detail-template-viewer-nested-panel-bkg-color: var(--bkg-white);
    --detail-template-viewer-boxshadow-color: var(--trans-white-1-color);
}

[data-theme="christmas"] {
    --primary-color: #930C24;
    --secondary-color: #00873e;
    --tertiary-color: #C51D2B;
}