Kite 8c766d
// out: ../../../Light/Light.qss
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d
// LIGHT
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 521c84
// This inherits from NEUTRAL theme, when updating NEUTRAL make sure to check
Kite 521c84
// changes against LIGHT.
Kite 521c84
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 8c766d
// Override
Kite 521c84
@import 'Neutral.less';
Kite 8c766d

Kite 8c766d
// Resource Location
Kite 8c766d
@img-url: '../Default/imgs/black';
Kite 8c766d

Kite 521c84
@bg:                    #DBDBDB;
Kite 521c84
@accent:                darken(@bg, 20);
konero b95603
@dock-bg-color:         darken(@bg, 50);
Kite 521c84
@hl-bg-color:           #a0c1dd;
Kite 521c84
@hl-text-color:         #000;
Kite 521c84
@hl-bg-color-secondary: darken(@bg, 15);
Kite b0dac2

Kite b0dac2
// -----------------------------------------------------------------------------
Kite 8c766d
// Tabs
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
@tabbar-bg-color: darken(@bg, 9);
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 521c84
// Menu
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
@menu-bg-color:                     @bg;
Kite 521c84
@menu-checkbox-text-color-selected: @text-color;
Kite 521c84
@menu-icon-checked-bg-color:        @toolbutton-bg-color-checked;
Kite 521c84
@menu-icon-checked-border-color:    @toolbutton-border-color-checked;
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d
// Scrollbars
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 8c766d
// Container
Kite d70a4f
@scrollbar-handle-bg-color:         darken(@bg, 15);
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 521c84
// Titlebars
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
@title-text-color:             fade(@text-color, 50);
Kite 521c84
@title-text-color-active:      @text-color;
Kite 8c766d

Kite 521c84
// Title pane icon colors
Kite 521c84
@title-button-pressed-color:   darken(@hl-bg-color, 8);
Kite 521c84
@title-button-rollover-color:  darken(@title-bg-color, 20);
Kite 521c84
@title-button-freeze-color:    #e0625c;
Kite 521c84
@title-button-preview-color:   #2cb856;
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d
// Button
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
@button-bg-color:              darken(@bg, 8);
Kite 521c84
@button-border-color:          darken(@button-bg-color, 15);
Kite 521c84
@button-bg-color-hover:        lighten(@button-bg-color, 5);
Kite 521c84
@button-border-color-checked:  darken(@button-bg-color-checked, 15);
Kite 521c84
@button-text-color-checked:    @text-color;
Kite 521c84
@button-bg-color-disabled:     darken(@bg, 4);
Kite 521c84
@button-border-color-disabled: darken(@button-bg-color-disabled, 10);
Kite 521c84
@button-bg-color-focus:        mix(@hl-bg-color, @button-bg-color, 70);
Kite 521c84
@button-border-color-focus:    darken(@button-bg-color-focus, 10);
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d
// Tool Buttons
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
@toolbutton-border-color-checked:      darken(@toolbutton-bg-color-checked, 10);
Kite 521c84
@toolbutton-bg-color-hover:            darken(@bg, 15);
Kite 521c84
@toolbutton-lock-bg-color-checked:     @title-button-freeze-color;
Kite 8c766d
@toolbutton-lock-border-color-checked: darken(@toolbutton-lock-bg-color-checked, 20);
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 521c84
// Textfield
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
@input-bg-color:           lighten(@bg, 10);
Kite 521c84
@input-text-color:         #000;
Kite 521c84
@input-border-color:       @accent;
Kite 521c84
@input-border-color-focus: saturate(darken(@hl-bg-color, 20), 20);
konero b95603
@input-bg-color-disabled:  lighten(@bg, 4);
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 521c84
// CheckBox
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
@checkbox-bg-color-hover:             lighten(@hl-bg-color, 10);
Kite 521c84
@checkbox-border-color-hover:         darken(@bg, 40);
Kite 521c84
@checkbox-text-color-hover:           @text-color;
Kite 521c84
@checkbox-bg-color-checked-hover:     darken(@bg, 50);
Kite 521c84
@checkbox-border-color-checked-hover: @checkbox-bg-color-checked-hover;
Kite 521c84
@checkbox-bg-color-disabled:          @bg;
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 521c84
// Viewer Window
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
// FlipSlider
Kite 521c84
@flipmarker-img:              'flipmarker_light.svg';
Kite 521c84
@flipslider-img:              'flipslider_light.svg';
Kite 521c84
@flipslider-base-color:       darken(@bg, 10);
Kite 521c84
@flipslider-notstarted-color: rgb(195, 60, 60);
konero b95603
@flipslider-started-color:    rgb(30, 192, 68);
Kite 8c766d

Kite 521c84
// Ruler
Kite 521c84
@viewer-ruler-handle-color:      black;
Kite 521c84
@viewer-ruler-handle-drag-color: red;
Kite b0dac2

Kite 521c84
// -----------------------------------------------------------------------------
Kite 521c84
// Palette Window
Kite 521c84
// -----------------------------------------------------------------------------
Kite b0dac2

Kite 521c84
// All views (except list);
konero b95603
@palette-SelectedBorderColor:           #697C9E;
konero b95603
@palette-NumpadShortcutBgColor:         rgba(0, 68, 255, 0.15);
konero b95603
@palette-NumpadShortcutBorderColor:     black;
Kite 8c766d

Kite 521c84
// List view
Kite 521c84
@palette-ListNumpadShortcutBorderColor: rgb(105, 105, 105);
Kite 8c766d

justburner 981d46
// StyleChooserPage Chips
justburner 981d46
@palette-CommonChipBoxColor:    rgb(192, 192, 192);
justburner 981d46
@palette-PinnedChipBoxColor:    rgb(96, 112, 128);
justburner 981d46
@palette-SolidChipBoxColor:     rgb(228, 144, 128);
justburner 981d46
@palette-SelectedChipBoxColor:  black;
justburner 981d46

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 521c84
// File Browser / Trees
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
// Trees
Kite 521c84
@tree-bg-color:     darken(@bg, 5);
Kite 521c84
@tree-bg-color-alt: lighten(@tree-bg-color, -4);
Kite 6ecce0

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 521c84
// Keyframes
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
@keyframe-total-color: #f8a145;
Kite 6ecce0

Kite 521c84
// For use in FX Settings Panels
Kite 521c84
@keyframe-inbetween-color: #e6dbb6;
Kite 521c84
@keyframe-modified-color:  rgb(243, 226, 129);
Kite 8c766d

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 521c84
// Slider
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
// Single
Kite 521c84
@slider-groove-img:          'slider-groove_light.svg';
Kite 521c84
@slider-groove-img-disabled: 'slider-groove_disabled_light.svg';
Kite 521c84
@slider-handle-img:          'slider-handle_light.svg';
Kite 521c84
@slider-handle-img-disabled: 'slider-handle_disabled_light.svg';
shun-iwasawa 692990
@slider-v-handle-img:          'slider-v-handle_light.svg';
shun-iwasawa 692990
@slider-v-handle-img-disabled: 'slider-v-handle_disabled_light.svg';
Kite 8c766d

Kite 521c84
// This one is used only for #ViewerFpsSlider
Kite 521c84
@slider-handle-bg-color:     lighten(@bg, -10);
Kite 521c84
@slider-handle-border-color: darken(@bg, 30);
Kite 8c766d

Kite 521c84
// DoublePairField, IntPairField
Kite 521c84
@slider-groove-color: darken(@bg, 35);
manongjohn d6e3cc

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d
// XSheet
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 8c766d
// XSheet Spreadsheet Viewer
Kite 521c84
@xsheet-bg-color:                           darken(@bg, 5);
Kite 521c84
@xsheet-LightLine-color:                    rgba(0, 0, 0, 0.15);
Kite 521c84
@xsheet-VerticalLine-color:                 rgba(0, 0, 0, 0.15);
Kite 521c84
@xsheet-ColumnIconLine-color:               rgb(112, 112, 112);
Kite 521c84
@xsheet-MarkerLine-color:                   rgba(0, 0, 0, 0.3);
shun-iwasawa aebc0b
@xsheet-SecMarkerLine-color:                rgba(0, 0, 0, 0.5);
Kite 521c84
@xsheet-OnionSkinAreaBG-color:              darken(@bg, 10);
Kite 521c84
@xsheet-PreviewFrameText-color:             #2d42b9;
Kite 521c84
@xsheet-CurrentRowBG-color:                 saturate(lighten(fade(@hl-bg-color, 70), -8), 8);
Kite 521c84
@xsheet-VerticalLineHead-color:             rgba(0, 0, 0, 0.3);
Kite 521c84
@xsheet-SelectedColumnHead-color:           fade(black, 15);
Kite 521c84

Kite 521c84
@xsheet-FoldedColumnBG-color:               lighten(@bg, -20);
Kite 521c84
@xsheet-FoldedColumnLine-color:             darken(@bg, 40);
Kite 521c84

Kite 521c84
// Level Type Colors Adjustment
Kite 521c84
@columnBorderDesaturation:                  8;
Kite 521c84
@columnBorderDarkness:                      15;
Kite 521c84
@cellHighlightLightness:                    10;
Kite 521c84

Kite 521c84
@xsheet-EmptyCell-color:                    @xsheet-OnionSkinAreaBG-color;
Kite 521c84
@xsheet-NotEmptyColumn-color:               @xsheet-bg-color;
Kite 521c84
@xsheet-SelectedEmptyCell-color:            fade(mix(lighten(@xsheet-EmptyCell-color, -20), @cellHighlightTintColor, 80), 50);
Kite 521c84

Kite d70a4f
@xsheet-LevelColumn-color:                  #a1cea1;
Kite 521c84
@xsheet-VectorColumn-color:                 #d3cf9a;
Kite 521c84
@xsheet-ChildColumn-color:                  #cca3cc;
Kite 521c84
@xsheet-FullColorColumn-color:              #b0cbdd;
Kite 521c84
@xsheet-FxColumn-color:                     #ceb694;
Kite 521c84
@xsheet-ReferenceColumn-color:              #c2c2c2;
Kite 521c84
@xsheet-PaletteColumn-color:                #a9d4ca;
Kite 521c84
@xsheet-MeshColumn-color:                   #b8a2cf;
Kite 521c84
@xsheet-SoundColumn-color:                  #aad6d6;
Kite 521c84
@xsheet-SoundTextColumn-color:              #c2c2c2;
shun-iwasawa 7a5a14
@xsheet-ActiveCamera-color:                 #b7dbfc;
shun-iwasawa 7a5a14
@xsheet-OtherCamera-color:                  #9ad9e2;
shun-iwasawa 7a5a14
@xsheet-Table-color:                        #cbcbe4;
shun-iwasawa 7a5a14
@xsheet-Peg-color:                          #dfb081;
Kite 521c84

Kite 521c84
// Orientation: Timeline
Kite 521c84
@timeline-IconLine-color:                   rgba(0, 0, 0, 0.144);
Kite 521c84
@timeline-FrameRangeMarkerLine-color:       rgba(0, 0, 0, 0.3);
Kite 521c84

Kite 521c84
// Orientation: XSheet
Kite 521c84
@xsheet-CamstandButtonBgOn-color:           rgb(255, 166, 131);
Kite 521c84
@xsheet-PreviewButtonBgOn-color:            rgb(233, 233, 127);
Kite 8c766d

Kite 521c84
// -----------------------------------------------------------------------------
Kite 521c84
// Schematic Viewer
Kite 521c84
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 521c84
// Node Viewer
Kite 521c84
@schematic-viewer-bg-color: rgb(128, 128, 128);
shun-iwasawa 7a5a14
@schematic-ActiveCameraColor:      #79b5ee;
shun-iwasawa 7a5a14
@schematic-OtherCameraColor:       #6eb7c2;
shun-iwasawa 7a5a14
@schematic-ActiveOutputcolor:      @schematic-ActiveCameraColor;
shun-iwasawa 7a5a14
@schematic-OtherOutputcolor:       @schematic-OtherCameraColor;
John Dancel 5e9945

Kite 521c84
// Node Type Colors Adjustment
Kite 521c84
@nodeLightness:  15;
Kite 521c84
@nodeSaturation: 15;
John Dancel 5e9945

Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d
// Function Editor
Kite 8c766d
// -----------------------------------------------------------------------------
Kite 8c766d

Kite 8c766d
// Function Curve Panel
Kite 521c84
@function-panel-bg-color: @schematic-viewer-bg-color;
Kite 521c84
@function-panel-OtherCurves-color: rgb(218, 218, 218);
Kite 8c766d
@function-panel-Text-color: @text-color;
shun-iwasawa 4a3868

Kite 521c84
@function-panel-Sub-color: #fff;
Kite 521c84
@function-panel-Selected-color: #ffe033;
shun-iwasawa 4a3868
@function-IgnoredKeyFrame-color: rgb(203,87,101);
shun-iwasawa 4a3868
@function-IgnoredInbetween-color: rgb(194,156,146);
Kite 8c766d

Kite 521c84
@function-SelectedKeyFrame-color:  mix(shade(@function-KeyFrame-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);