// out: ../../../Light/Light.qss

// -----------------------------------------------------------------------------

// LIGHT

// -----------------------------------------------------------------------------

// Override

@import '../Default';

// Resource Location

@img-url: '../Default/imgs/black';

@bg: #808080;

@accent: darken(@bg, 25);

@text-color: #000;

@text-color-disabled: rgba(0, 0, 0, 0.466);

@dock-bg-color: darken(@bg, 35);

@hl-bg-color: rgb(34, 91, 175);

@hl-text-color: #FFFFFF;

@hl-bg-color-secondary: lighten(@bg, 12);

@label-title: rgb(0, 0, 0);

// -----------------------------------------------------------------------------

// Tabs

// -----------------------------------------------------------------------------

// Container

@tabbar-bg-color: darken(@bg, 8);

// Tabs

@tab-bg-color: darken(@topbar-bg-color, 15);

@tab-text-color: lighten(saturate(spin(@bg, 0.0000), 0.0000), 25);

@tab-bg-color-hover: lighten(@rooms-tab-bg-color, 8);

@tab-text-color-hover: #fff;

@tab-text-color-selected: @text-color;

// -----------------------------------------------------------------------------

// Topbar & Workspaces

// -----------------------------------------------------------------------------

// Topbar

@topbar-bg-color: @bg;

// Workspace Tabs

@rooms-tab-bg-color: darken(@topbar-bg-color, 15);

@rooms-tab-text-color: rgb(175, 175, 175);

@rooms-tab-bg-color-hover: lighten(@rooms-tab-bg-color, 8);

@rooms-text-color-hover: #fff;

@rooms-tab-bg-color-selected: lighten(@tab-bg-color-selected, 10);

// -----------------------------------------------------------------------------

// Right-Click Menu

// -----------------------------------------------------------------------------

@menu-bg-color: lighten(@bg, 8);

@menu-separator-color: darken(@menu-bg-color, 15);

// -----------------------------------------------------------------------------

// Titlebars

// -----------------------------------------------------------------------------

@title-bg-color: darken(@bg, 15);

@title-text-color: lighten(saturate(spin(@bg, 0.0000), 0.0000), 25);

@title-text-color-active: #fff;

// -----------------------------------------------------------------------------

// Scrollbars

// -----------------------------------------------------------------------------

// Container

@scrollbar-bg-color: darken(@bg, 7);

// Handle

@scrollbar-handle-radius: 2;

@scrollbar-handle-margin: 2;

@scrollbar-handle-bg-color: lighten(@bg, 12);

@scrollbar-handle-border-color: darken(@scrollbar-bg-color, 10);

@scrollbar-handle-border-color-hover: @accent;

@scrollbar-handle-border-color-pressed: @accent;

// -----------------------------------------------------------------------------

// File Browser / Trees

// -----------------------------------------------------------------------------

// Trees

@tree-bg-color: lighten(@bg, 8);

@tree-bg-color-alt: darken(@tree-bg-color, 4);

@prefs-tree-hl-color: lighten(@tree-bg-color, 8);

// All Panes

@browser-folder-text-color: rgb(7, 27, 155);

// Left Pane

@browser-listview-bg-color: lighten(@bg, 8);

// Right Pane

@browser-itemview-bg-color: @tree-bg-color;

@browser-itemview-bg-color-alt: @tree-bg-color-alt;

// -----------------------------------------------------------------------------

// Button

// -----------------------------------------------------------------------------

@button-bg-color: lighten(@bg, 15);

@button-border-color: darken(@bg, 18);

@button-text-color: rgb(0, 0, 0);

@button-bg-color-hover: lighten(@button-bg-color, 8);

@button-bg-color-pressed: lighten(@button-bg-color-hover, 15);

@button-border-color-pressed: @button-border-color;

@button-bg-color-checked: darken(@bg, 15);

@button-border-color-checked: darken(@button-bg-color-checked, 8);

@button-text-color-checked: @tab-text-color;

@button-bg-color-focus: #B5C0D0;

@button-border-color-focus: darken(@button-bg-color-focus, 40);

@button-text-color-focus: @button-text-color;

@button-border-color-disabled: darken(@bg, 5);

// For QDialogs

@button-dialog-border-color: @button-border-color;

// -----------------------------------------------------------------------------

// Tool Buttons

// -----------------------------------------------------------------------------

// Main

@toolbutton-border-color-hover: @button-border-color;

@toolbutton-bg-color-checked: @button-bg-color-checked;

@toolbutton-border-color-checked: @button-border-color-checked;

@toolbutton-text-color-checked: @button-text-color-checked;

@toolbutton-bg-color-checked-hover: lighten(@toolbutton-bg-color-checked, 8);

@toolbutton-border-color-checked-hover: @toolbutton-border-color-checked;

// Lock

@toolbutton-lock-border-color-checked: darken(@toolbutton-lock-bg-color-checked, 20);

@toolbutton-lock-border-color-checked-hover: @toolbutton-lock-border-color-checked;

// -----------------------------------------------------------------------------

// ComboBox

// -----------------------------------------------------------------------------

@combobox-bg-color-pressed: @button-bg-color-focus;

@combobox-border-color-pressed: @hl-bg-color;

// -----------------------------------------------------------------------------

// Textfield

// -----------------------------------------------------------------------------

@input-bg-color: lighten(@bg, 40);

@input-border-color: darken(@bg, 18);

@input-border-color-focus: @input-border-color;

@input-bg-color-disabled: lighten(@bg, 10);

// -----------------------------------------------------------------------------

// CheckBox

// -----------------------------------------------------------------------------

@checkbox-bg-color: lighten(@button-bg-color, 15);

@checkbox-border-color: @button-border-color;

@checkbox-bg-color-hover: lighten(@checkbox-bg-color, 10);

@checkbox-border-color-hover: @checkbox-border-color;

@checkbox-text-color-hover: #fff;

@checkbox-border-color-checked: @button-border-color;

@checkbox-bg-color-disabled: @button-bg-color-disabled;

@checkbox-border-color-disabled: @button-border-color-disabled;

// -----------------------------------------------------------------------------

// Slider

// -----------------------------------------------------------------------------

// This one is used only for #ViewerFpsSlider

@slider-handle-margin: -2 0;

@slider-handle-bg-color: lighten(@bg, 15);

@slider-handle-border-color: @accent;

// DoublePairField, IntPairField

@slider-groove-color: darken(@bg, 22);

// -----------------------------------------------------------------------------

// Viewer Window

// -----------------------------------------------------------------------------

// FlipSlider

@flipslider-notstarted-color: rgb(139, 37, 37);

@flipslider-started-color: rgb(0, 168, 8);

// Ruler

@viewer-ruler-bg-color: lighten(@bg, 25);

// -----------------------------------------------------------------------------

// Schematic Viewer

// -----------------------------------------------------------------------------

@schematic-viewer-bg-color: darken(@bg, 5);

@schematic-label-text-color: rgb(0, 0, 0);

@schematic-help-button-bg-color: #80a0dc;

@schematic-help-button-bg-color-hover: lighten(@schematic-help-button-bg-color, 10);

@schematic-TableColor: rgb(164, 164, 191);

@schematic-ActiveCameraColor: rgb(107, 165, 222);

@schematic-OtherCameraColor: rgb(143, 156, 158);

@schematic-GroupColor: rgb(102, 152, 198);

@schematic-PegColor: rgb(190, 138, 86);

@schematic-SplineColor: rgb(123, 184, 33);

@schematic-ActiveOutputcolor: rgb(107, 165, 222);

@schematic-OtherOutputcolor: rgb(143, 156, 158);

@schematic-XsheetColor: rgb(164, 164, 191);

@schematic-NormalFxColor: rgb(141, 156, 175);

@schematic-MacroFxColor: rgb(174, 140, 165);

@schematic-ImageAdjustFxColor: rgb(156, 154, 180);

@schematic-LayerBlendingFxColor: rgb(112, 155,165);

@schematic-MatteFxColor: rgb(186, 133, 133);

// -----------------------------------------------------------------------------

// XSheet

// -----------------------------------------------------------------------------

// XSheet Spreadsheet Viewer

@xsheet-text-color:                         @text-color;

@xsheet-bg-color:                           lighten(@bg, 7.12);

@xsheet-LightLine-color:                    darken(@bg, 12);

@xsheet-MarkerLine-color:                   #000; //rgb(0, 255, 246);

@xsheet-VerticalLine-color:                 darken(@bg, 11);

@xsheet-VerticalLineHead-color:             darken(@bg, 28);

@xsheet-PreviewFrameText-color:             #000eb6;

@xsheet-CurrentRowBG-color:                 #B5C0D0;

@xsheet-OnionSkinAreaBG-color:              lighten(@bg, 2.12);

@xsheet-EmptyColumnHead-color:              @bg;

@xsheet-SelectedColumnText-color:           rgb(158, 0, 0);

@xsheet-EmptyCell-color:                    darken(@bg, 1.57);

@xsheet-NotEmptyColumn-color:               lighten(@bg, 4);

@xsheet-SelectedEmptyCell-color:            lighten(@bg, 20);

@xsheet-LevelColumn-color:                  rgb(118, 183, 118);

@xsheet-LevelColumnBorder-color:            darken(desaturate(@xsheet-LevelColumn-color, 15), 25);

@xsheet-VectorColumn-color:                 rgb(192, 192, 122);

@xsheet-VectorColumnBorder-color:           darken(desaturate(@xsheet-VectorColumn-color, 15), 25);

@xsheet-ChildColumn-color:                  rgb(214,154,219);

@xsheet-ChildColumnBorder-color:            darken(desaturate(@xsheet-ChildColumn-color, 15), 25);

@xsheet-FullColorColumn-color:              rgb(139, 189, 193);

@xsheet-FullColorColumnBorder-color:        darken(desaturate(@xsheet-FullColorColumn-color, 15), 25);

@xsheet-FxColumn-color:                     rgb(130,129,93);

@xsheet-FxColumnBorder-color:               darken(desaturate(@xsheet-FxColumn-color, 10), 20);

@xsheet-ReferenceColumn-color:              rgb(171,171,171);

@xsheet-ReferenceColumnBorder-color:        darken(desaturate(@xsheet-ReferenceColumn-color, 15), 25);

@xsheet-PaletteColumn-color:                rgb(42,171,154);

@xsheet-PaletteColumnBorder-color:          darken(desaturate(@xsheet-PaletteColumn-color, 15), 25);

@xsheet-MeshColumn-color:                   rgb(172, 120, 212);

@xsheet-MeshColumnBorder-color:             darken(desaturate(@xsheet-MeshColumn-color, 15), 25);

@xsheet-SoundColumn-color:                  rgb(172, 186, 130);

@xsheet-SoundColumnBorder-color:            darken(desaturate(@xsheet-SoundColumn-color, 15), 25);

@xsheet-SoundColumnHL-color:                rgb(245,255,230);

@xsheet-SoundColumnTrack-color:             rgb(90,100,45);

@xsheet-ColumnHeadPastelizer-color:         rgb(255,255,255);

@xsheet-SelectedColumnHead-color:           rgb(190,210,240);

@xsheet-LightLightBG-color:                 @bg;

@xsheet-LightBG-color:                      rgb(240,240,240);

@xsheet-DarkBG-color:                       rgb(225,225,225);

@xsheet-DarkLine-color:                     rgb(150,150,150);

// -----------------------------------------------------------------------------

// Function Editor

// -----------------------------------------------------------------------------

// Function Treeview

@function-treeview-text-color: @text-color;

@function-treeview-text-color-selected: rgb(167, 0, 0);

// Function Curve Panel

@function-panel-bg-color: darken(@bg, 15);

@function-panel-ValueLine-color: darken(@bg, 20);

@function-panel-FrameLine-color: darken(@bg, 20);

@function-panel-OtherCurves-color: rgb(197, 197, 197);

@function-panel-RulerBG-color: darken(@bg, 10);

@function-panel-Text-color: @text-color;

@function-panel-Sub-color: rgb(255, 255, 255);

@function-panel-Selected-color: rgb(252, 174, 6);

// Function Spreadsheet Viewer

@function-KeyFrame-color: rgb(219,139,54);

@function-KeyFrameBorder-color: darken(@function-KeyFrame-color, 25);

@function-Inbetween-color: rgb(194,194,176);

@function-InbetweenBorder-color: rgb(99, 99, 86);

@function-SelectedSceneRangeEmpty-color: rgb(210,210,210);