.theme-highcontrast {
    /* main page */
    --color-bg: #FFFFFF;
    --color-bg-text: #000000;
    /* sidebar menu */
    --color-sb: #000000;
    --color-sb-item: #1A1A1A;
    --color-sb-item-text: #FFFFFF;
    --color-sb-item-hover: #2277FF;
    --color-sb-item-hover-text: #000000;
    --color-sb-item-activeline: #FFFFFF;
    --color-sb-imagebackground: #000000;
    /* title bar */
    --color-titlebar: #000000;
    --color-titlebar-text: #FFFFFF;
    --color-titlebar-border: #FFFFFF;
    /* page header */
    --color-header: #003366;
    --color-header-text: #FFFFFF;
    --color-header-text-active: #FFD700;
    --color-header-border: #FFFFFF;
    /* Controls */
    --color-surface: #FFFFFF;
    --color-surface-text: #000000;
    --color-surface-border: #000000;
    --color-surface-border-focus: #2277FF;
    --color-surface-border-disabled: #666666;
    --color-surface-select: #0055AA;
    --color-surface-select-text: #FFFFFF;
    --color-surface-hover: #E6E6E6;
    --color-surface-hover-text: #000000;
    --color-surface-disabled: #F2F2F2;
    --color-surface-disabled-text: #666666;
    --color-surface-button: #F8F8F8;
    --color-surface-button-text: #000000;
    --color-surface-button-hover: #2277FF;
    --color-surface-button-hover-text: #000000;
    --color-surface-check: #2277FF;
    --color-surface-text-secondary: #003366;
    /* tabs */
    --color-tab-bg: #FFFFFF;
    --color-tab: #FFFFFF;
    --color-tab-text: #000000;
    --color-tab-border: #2277FF;
    --color-tab-focus: #2277FF;
    --color-tab-focus-text: #FFFFFF;
    --color-tab-hover: #F8F8F8;
    /* lists / groups */
    --color-list-bg: #FFFFFF;
    --color-list-border: #000000;
    --color-list-border-focus: #2277FF;
    --color-list-text: #000000;
    --color-list-item-border: #000000;
    --color-list-select: #2277FF;
    --color-list-select-text: #000000;
    --color-list-hover: #E6E6E6;
    --color-list-hover-text: #000000;
    --color-list-header: #000000;
    --color-list-header-text: #FFFFFF;
    --color-list-header-border: #FFFFFF;
    --color-list-secondary: #003366;
    --color-list-secondary-text: #FFFFFF;
    /* toolbars */
    --color-toolbar-bg: #000000;
    --color-toolbar-bg-border: #FFFFFF;
    --color-toolbar: #FFFFFF;
    --color-toolbar-border: #000000;
    --color-toolbar-text: #000000;
    --color-toolbar-hover: #2277FF;
    --color-toolbar-hover-text: #000000;
    --color-toolbar-hover-border: #FFFFFF;
    /* hyperlinks */
    --color-hyperlink: #0055AA;
    --color-hyperlink-hover: #2277FF;
    --color-hyperlink-visited: #003366;
    --color-hyperlink-visited-hover: #2277FF;
    /* others */
    --color-primary: #0055AA;
    --color-primary-text: #FFFFFF;
    --color-primary-border: #000000;
    --color-primary-hover: #2277FF;
    --color-secondary: #003366;
    --color-secondary-text: #FFFFFF;
    --color-secondary-border: #000000;
    --color-secondary-hover: #0055AA;
    --color-accent: #FFD700;
    --color-accent-text: #000000;
    --color-accent-border: #000000;
    --color-accent-hover: #FFEA00;
    --color-danger: #CC0000;
    --color-danger-text: #FFFFFF;
    --color-danger-border: #000000;
    --color-danger-hover: #FF0000;
    --color-success: #008800;
    --color-success-text: #FFFFFF;
    --color-success-border: #000000;
    --color-success-hover: #00AA00;
    --color-info: #2277FF;
    --color-info-text: #FFFFFF;
    --color-info-border: #000000;
    --color-info-hover: #0055AA;
    --color-warning: #FFAA00;
    --color-warning-text: #000000;
    --color-warning-border: #000000;
    --color-warning-hover: #FFBF00;
    --color-default: #F8F8F8;
    --color-default-text: #000000;
    --color-default-border: #000000;
    --color-default-hover: #2277FF;
    --color-tertiary: #003366;
    --color-tertiary-text: #FFFFFF;
    --color-tertiary-border: #000000;
    --color-tertiary-hover: #0055AA;
}