.theme-dark {
    /* main page */
    --color-bg: #2B2B2B;
    --color-bg-text: #ADADAD;
    /* sidebar menu */
    --color-sb: #f3f3f4;
    --color-sb-text: #676a6c;
    /* 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: #525252;
    --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: #D9D9D9;
    --color-surface-button-hover-text: #4A4A4A;
    --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: #4A4A4A;
    --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: #575757;
    --color-list-hover-text: #ADADAD;
    --color-list-header: #3B3B3B;
    --color-list-header-text: #ADADAD;
    --color-list-header-border: #262626;
    --color-list-secondary: gray;
    --color-list-secondary-text: white;
    /* 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;
    /* hyperlinks */
    --color-hyperlink: #4da3ff;
    --color-hyperlink-hover: #82c7ff;
    --color-hyperlink-visited: #b58cff;
    --color-hyperlink-visited-hover: #d6b3ff;
    /* others */
    /*--color-primary: #4CAF50;
    --color-primary-border: #4CAF50;
    --color-primary-text: #ffffff;
    --color-secondary: #cccccc;
    --color-secondary-text: #000000;
    --color-accent: #ff8800;
    --color-accent-text: #ffffff;
    --color-danger: #cc0000;
    --color-success: #4C8DFF;
    --color-success-border: #4C8DFF;
    --color-success-text: #ffffff;
    --color-warning: #ffaa00;
    --color-default: #808080;
    --color-default-hover: #919191;
    --color-default-border: #666666;
    --color-default-text: #363636;*/


    --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: #ffaa00;
    --color-warning-text: #1a1a1a;
    --color-warning-border: #cc8800;
    --color-warning-hover: #e69900;
    --color-default: #3a3a3a; /* dark neutral */
    --color-default-text: #d0d0d0; /* soft light grey */
    --color-default-border: #4a4a4a;
    --color-default-hover: #505050;
    --color-tertiary: #d63384;
    --color-tertiary-text: #1a0d14; /* deep muted text */
    --color-tertiary-border: #b02a6c;
    --color-tertiary-hover: #c02f76;
}