.theme-dark {
    /* main page */
    --color-bg: #2B2B2B;
    --color-bg-text: #ADADAD;
    /* sidebar menu */
    --color-sb: #363636;
    --color-sb-item: #3B3B3B;
    --color-sb-item-text: #ADADAD;
    --color-sb-item-hover: #4A4A4A;
    --color-sb-item-hover-text: #FFFFFF;
    --color-sb-item-activeline: #19AA8D;
    --color-sb-imagebackground: #2F2F2F;
    /* title bar */
    --color-titlebar: #2B2B2B;
    --color-titlebar-text: #ADADAD;
    --color-titlebar-border: #525252;
    /* page header */
    --color-header: #3B3B3B;
    --color-header-text: #C9C9C9;
    --color-header-text-active: #C9AE70;
    --color-header-border: #525252;
    /* Controls */
    --color-surface: #373737;
    --color-surface-text: #ADADAD;
    --color-surface-border: #575757;
    --color-surface-border-focus: #D8D8D9;
    --color-surface-border-disabled: #595959;
    --color-surface-select: #6C6A68;
    --color-surface-select-text: #FFFFFF;
    --color-surface-hover: #4A4A4A;
    --color-surface-hover-text: #fff;
    --color-surface-disabled: #4F4F4F;
    --color-surface-disabled-text: #BFBFBF;
    --color-surface-button: #4A4A4A;
    --color-surface-button-text: #D9D9D9;
    --color-surface-button-hover: #5E5E5E;
    --color-surface-button-hover-text: #D9D9D9;
    --color-surface-check: olivedrab;
    --color-surface-text-secondary: olivedrab;
    /* tabs */
    --color-tab-bg: #2B2B2B;
    --color-tab: #3B3B3B;
    --color-tab-text: #ADADAD;
    --color-tab-border: #4A4A4A;
    --color-tab-focus: #2B2B2B;
    --color-tab-focus-text: #ADADAD;
    --color-tab-hover: #333333;
    /* lists / groups */
    --color-list-bg: #373737;
    --color-list-border: #575757;
    --color-list-border-focus: #D8D8D9;
    --color-list-text: #ADADAD;
    --color-list-item-border: #4F4F4F;
    --color-list-select: #6C6A68;
    --color-list-select-text: #FFFFFF;
    --color-list-hover: #444444; /*#575757*/
    --color-list-hover-text: #ADADAD;
    --color-list-header: #3B3B3B;
    --color-list-header-text: #ADADAD;
    --color-list-header-border: #262626;
    --color-list-heading: gray;
    --color-list-heading-text: white;
    --color-list-primary: #6F8C68; /*#2ECC71;*/
    --color-list-primary-selected: #31D978;
    --color-list-danger: #D96B6B;
    --color-list-danger-selected: #FF867A;
    --color-list-info: #2980B9;
    --color-list-info-selected: #35A4ED;
    --color-list-warning: darkkhaki;
    --color-list-warning-selected: #DEDC4A;
    --color-list-header-warning: #C3A15C;
    --color-list-success: #C9AE70;
    /* toolbars */
    --color-toolbar-bg: #4A4A4A;
    --color-toolbar-bg-border: #575757;
    --color-toolbar: #4A4A4A;
    --color-toolbar-border: #4A4A4A;
    --color-toolbar-text: #ADADAD;
    --color-toolbar-hover: #6C6A68;
    --color-toolbar-hover-text: #FFFFFF;
    --color-toolbar-hover-border: #A9A9A9;
    --color-toolbar-disabled: #545454;
    --color-toolbar-disabled-text: #fff;
    --color-toolbar-border-disabled: #4A4A4A;
    /* dockbars */
    --color-sidepanel: #373737;
    --color-sidepanel-text: #ADADAD;
    --color-sidepanel-border: #575757;
    --color-sidepanel-item: #4A4A4A;
    --color-sidepanel-item-text: #ADADAD;
    --color-sidepanel-item-border: #4A4A4A;
    --color-dockpanel-heading: #3B3B3B;
    --color-dockpanel-heading-text: #C9C9C9;
    --color-dockpanel-border: #373737;
    --color-dockpanel-underlay: #4F4F4F;
    /* hyperlinks */
    --color-hyperlink: #4da3ff;
    --color-hyperlink-hover: #82c7ff;
    --color-hyperlink-visited: #b58cff;
    --color-hyperlink-visited-hover: #d6b3ff;
    /* others */
    --color-primary: #1ab394;
    --color-primary-text: #0b1f1d; /* darker text for dark theme contrast */
    --color-primary-border: #12806a; /* deeper border */
    --color-primary-hover: #17a085; /* richer hover */
    --color-secondary: #444444; /* dark grey instead of light grey */
    --color-secondary-text: #e6e6e6; /* light text */
    --color-secondary-border: #555555;
    --color-secondary-hover: #505050;
    --color-accent: #ff8800;
    --color-accent-text: #1a1a1a; /* warm dark text */
    --color-accent-border: #cc6d00;
    --color-accent-hover: #e67a00;
    --color-danger: #ed5565;
    --color-danger-text: #1a1a1a;
    --color-danger-border: #c74452;
    --color-danger-hover: #d94c5a;
    --color-success: #1c84c6;
    --color-success-text: #0d1a24;
    --color-success-border: #16689c;
    --color-success-hover: #1876ad;
    --color-info: #21b9bb;
    --color-info-text: #0d1f20;
    --color-info-border: #1a8f90;
    --color-info-hover: #1aa3a4;
    --color-warning: #D4AC0D;
    --color-warning-text: #1a1a1a;
    --color-warning-border: #cc8800;
    --color-warning-hover: #e69900;
    --color-default: #4A4A4A; /*#333333;*/ /* dark neutral */
    --color-default-text: #D9D9D9; /* #d0d0d0;*/ /* soft light grey */
    --color-default-border: #4a4a4a;
    --color-default-hover: #5E5E5E; /*#3a3a3a;*/
    --color-default-hover-text: #D9D9D9;
    --color-tertiary: #A47FA8;
    --color-tertiary-text: #1a0d14; /* deep muted text */
    --color-tertiary-border: #b02a6c;
    --color-tertiary-hover: #c02f76;
}