/* Dark skin */
:root {
    --st-bg-body:           #1e1e2e;
    --st-bg-ribbon:         #2a2a3e;
    --st-bg-toolbar:        #2a2a3e;
    --st-bg-footer:         #111122;
    --st-bg-dialog-overlay: rgba(0, 0, 0, 0.75);
    --st-text-body:         #cdd6f4;
    --st-text-footer:       #cdd6f4;
    --st-accent:            #89b4fa;
    --st-grid-active-bg:    var(--st-accent);
    --st-grid-active-text:  var(--st-accent-text);
    --st-accent-hover:      #313244;
    --st-grid-header-bg:    #313244;
    --st-grid-header-text:  white;
    --st-grid-alt-row-bg:   #1e1e2e;
    --st-grid-hover-bg:     #45475a;
    --st-grid-border:       #585b70;
    --st-grid-col1-bg:      #2a2a3e;
    --st-ts-cell-bg:        #24273a;
    --st-ts-cell-bg-alt:    #1e1e2e;
    --st-ts-cell-bg-sel:    #3d59a1;
    --st-treegrid-row-bg:   #565662;
    --st-treegrid-cat-bg:   #5f5f6e;
    --st-tab-bg:            #3a3a50;
    --st-tab-hover-bg:      #2a2a3e;
    --st-tab-active-bg:     #1e1e2e;
    --st-tab-text:          #cdd6f4;
    --st-tab-border:        #585b70;
    --st-gantt-bar-bg:          #5b7fa6;
    --st-gantt-summary-bg:      #d97706;
    --st-gantt-summary-triangle: #b45309;
    --st-gantt-percent-bg:      #93c5fd;
    --st-gantt-milestone-color: #a5b4fc;
    --st-gantt-milestone-bg:    #fef08a;
    --st-gantt-scale-border:    #585b70;
    --st-gantt-gridline:        #45475a;
    --st-gantt-drag-bg:         #89b4fa;
    --st-gantt-link-color:      #89b4fa;
    --st-dock-header-bg:    #2a2a3e;
    --st-dock-text:         #cdd6f4;
    --st-dock-border:       #585b70;
    --st-dock-pane-bg:      #1e1e2e;
    --st-dock-splitter:     #89b4fa;
    --st-dock-active-tab:   #1e1e2e;
    --st-ai-bubble-you-bg:  #1e4a8a;
    --st-ai-bubble-ai-bg:   #1a5c32;
    --st-ai-bubble-app-bg:  #3a3a50;
    --st-selection-bg:      #89b4fa;
    --st-selection-text:    #1e1e2e;
}

.ribbonbutton, .ribbonbuttonsmall { color: #cdd6f4 !important; }

.ui-iggrid .ui-iggrid-headertable,
.ui-iggrid .ui-iggrid-headertable *,
.ui-iggrid th.ui-iggrid-header,
.ui-iggrid th.ui-iggrid-header *,
.ui-iggrid .ui-widget-header,
.ui-iggrid th.ui-iggrid-headercell-featureenabled,
.ui-iggrid th.ui-iggrid-headercell-featureenabled * { color: white !important; }

.ui-tabs .ui-tabs-nav                                      { background: #3a3a50 !important; border: none !important; }
.ui-tabs .ui-tabs-tab                                      { background: #3a3a50 !important; border: 1px solid transparent !important; border-bottom: none !important; }
.ui-tabs .ui-tabs-anchor                                   { color: #cdd6f4 !important; }
.ui-tabs .ui-tabs-tab.ui-state-hover                       { background: #2a2a3e !important; }
.ui-tabs .ui-tabs-tab.ui-state-active                      { background: #1e1e2e !important; border: 1px solid #585b70 !important; border-bottom: none !important; margin-top: 1px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.ui-tabs .ui-tabs-tab.ui-state-active .ui-tabs-anchor      { color: #cdd6f4 !important; }
.ui-tabs .ui-tabs-panel                                    { background: #1e1e2e !important; color: #cdd6f4 !important; border: none !important; }
