// out: ../../../Neutral/Neutral.qss
// -----------------------------------------------------------------------------
// NEUTRAL GREY
// -----------------------------------------------------------------------------
// Override
@import '../Default';
// Resource Location
@img-url: '../Default/imgs/black';
@bg: #808080;
@accent: darken(@bg, 15);
@text-color: #000;
@hl-bg-color: #8FA0B2;
@hl-text-color: #000;
@hl-bg-color-secondary: rgba(255, 255, 255, 0.15);
@dock-bg-color: darken(@bg, 30);
@label-title: rgb(0, 0, 0);
// -----------------------------------------------------------------------------
// Tabs
// -----------------------------------------------------------------------------
@tabbar-bg-color: darken(@bg, 6);
@tab-text-color: @text-color;
@tab-text-color-hover: @text-color;
@tab-text-color-selected: @text-color;
// -----------------------------------------------------------------------------
// Titlebars
// -----------------------------------------------------------------------------
@title-text-color: @tab-text-color;
@title-text-color-active: rgba(255, 255, 255, 0.8);
@title-border-color: darken(@title-bg-color, 10);
@title-button-rollover-color: lighten(@title-bg-color, 10);
@title-button-preview-color: #15b884;
// -----------------------------------------------------------------------------
// Menu
// -----------------------------------------------------------------------------
@menu-bg-color: lighten(@bg, 20);
@menu-separator-color: rgba(0, 0, 0, 0.171);
// -----------------------------------------------------------------------------
// Scrollbars
// -----------------------------------------------------------------------------
@scrollbar-bg-color: darken(@bg, 6);
@scrollbar-handle-bg-color: lighten(@bg, 10);
// -----------------------------------------------------------------------------
// Palette Window
// -----------------------------------------------------------------------------
// All views (except list)
@palette-NumpadShortcutBorderColor: rgb(190, 190, 190);
// -----------------------------------------------------------------------------
// File Browser / Trees
// -----------------------------------------------------------------------------
// Trees
@tree-bg-color: darken(@bg, 4);
@prefs-tree-bg-color: @tree-bg-color;
// All Panes
@browser-folder-text-color: rgb(0, 22, 134);
// Right Pane
@browser-itemview-bg-color: lighten(@bg, 0);
// -----------------------------------------------------------------------------
// Button
// -----------------------------------------------------------------------------
@button-bg-color: lighten(@bg, 12);
@button-border-color: darken(@bg, 12);
@button-bg-color-hover: lighten(@button-bg-color, 8);
@button-border-color-pressed: darken(@button-bg-color-pressed, 8);
@button-bg-color-checked: darken(@bg, 15);
@button-border-color-checked: darken(@button-bg-color-checked, 10);
@button-text-color-checked: rgba(255, 255, 255, 0.917);
@button-text-color-focus: @button-text-color;
@button-border-color-focus: darken(@button-bg-color-focus, 40);
@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-border-color-checked: darken(@toolbutton-bg-color-checked, 30);
@toolbutton-text-color-checked: @text-color;
@toolbutton-bg-color-checked-hover: lighten(@toolbutton-bg-color-checked, 8);
@toolbutton-border-color-checked-hover: @toolbutton-border-color-checked;
// Lock
@toolbutton-lock-bg-color-checked: #bd5454;
@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-dropdown-border-size: 1;
// -----------------------------------------------------------------------------
// Textfield
// -----------------------------------------------------------------------------
@input-bg-color: lighten(@bg, 25);
@input-border-color: @accent;
@input-border-color-focus: #000;
@input-bg-color-disabled: lighten(@bg, 10);
// -----------------------------------------------------------------------------
// CheckBox
// -----------------------------------------------------------------------------
@checkbox-text-color-hover: rgba(255, 255, 255, 0.8);
@checkbox-bg-color-checked: rgba(0, 0, 0, 0.8);
@checkbox-bg-color-disabled: rgba(255, 255, 255, 0.11);
@checkbox-border-color-disabled: rgba(0, 0, 0, 0.11);
@checkbox-bg-color-checked-disabled: darken(@bg, 10);
@checkbox-border-color-checked-disabled: darken(@bg, 15);
// -----------------------------------------------------------------------------
// 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(167, 64, 64);
@flipslider-started-color: rgb(0, 168, 8);
// -----------------------------------------------------------------------------
// Schematic Viewer
// -----------------------------------------------------------------------------
@schematic-viewer-bg-color: darken(@bg, 10);
// Node Type Colors
@nodeLightness: 0;
@nodeSaturation: 0;
@schematic-TableColor: rgb(164, 164, 191);
@schematic-ActiveCameraColor: @xsheet-ActiveCamera-color;
@schematic-OtherCameraColor: @xsheet-OtherCamera-color;
@schematic-GroupColor: rgb(102, 152, 198);
@schematic-PegColor: rgb(190, 138, 86);
@schematic-SplineColor: rgb(123, 184, 33);
@schematic-ActiveOutputcolor: @xsheet-ActiveCamera-color;
@schematic-OtherOutputcolor: @xsheet-OtherCamera-color;
@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-error-text-color: rgb(192, 17, 17);
@xsheet-bg-color: darken(@bg, 4);
@xsheet-LightLine-color: rgba(0, 0, 0, 0.15);
@xsheet-MarkerLine-color: rgba(255, 255, 255, 0.2);
@xsheet-PreviewFrameText-color: #17239c;
@xsheet-OnionSkinAreaBG-color: darken(@bg, 8);
@xsheet-EmptyCell-color: @xsheet-OnionSkinAreaBG-color;
@xsheet-NotEmptyColumn-color: @xsheet-bg-color;
@xsheet-PlayRange-Color: @bg;
@xsheet-ColumnIconLine-color: darken(@bg, 20);
@xsheet-VerticalLineHead-color: @accent;
@xsheet-CurrentRowBG-color: saturate(lighten(fade(@hl-bg-color, 70), 20), 50);
@xsheet-CellArea-bg-color-focus: @input-bg-color;
@xsheet-CellFocus-color: #000;
@xsheet-FoldedColumnBG-color: lighten(@bg, 10);
@xsheet-FoldedColumnLine-color: darken(@bg, 5);
// Level Type Colors Adjustment
@columnBorderDesaturation: 0;
@columnBorderDarkness: 15;
@xsheet-LevelColumn-color: #78a578;
@xsheet-VectorColumn-color: #a7a163;
@xsheet-ChildColumn-color: #9a759c;
@xsheet-FullColorColumn-color: #839bb1;
@xsheet-FxColumn-color: #928562;
@xsheet-ReferenceColumn-color: #959595;
@xsheet-PaletteColumn-color: #599586;
@xsheet-MeshColumn-color: #8b73a7;
@xsheet-SoundColumn-color: #749e9e;
@xsheet-SoundColumnHL-color: #f5ffe6;
@xsheet-SoundColumnTrack-color: rgba(0,0,0,0.8);
@xsheet-ActiveCamera-color: rgb(100, 145, 190);
@xsheet-OtherCamera-color: rgb(143, 156, 158);
// Timeline
@timeline-FrameRangeMarkerLine-color: darken(@bg, 15);
// -----------------------------------------------------------------------------
// Keyframes
// -----------------------------------------------------------------------------
@keyframe-off-border-color-hover: @toolbutton-border-color-hover;
@keyframe-total-color: #c77a27;
@keyframe-total-color-hover: lighten(@keyframe-total-color, 10);
@keyframe-total-border-color: darken(@keyframe-total-color, 20);
@keyframe-total-border-color-hover: @keyframe-total-border-color;
@keyframe-partial-border-color: @keyframe-total-border-color;
@keyframe-partial-border-color-hover: @keyframe-total-border-color;
// For use in FX Settings Panels
@keyframe-highlight-border-color: @toolbutton-border-color-hover;
@keyframe-inbetween-color: #c0ba80;
@keyframe-inbetween-border-color: darken(@keyframe-inbetween-color, 40);
@keyframe-modified-border-color: darken(@keyframe-modified-color, 40);
// -----------------------------------------------------------------------------
// Function Editor
// -----------------------------------------------------------------------------
// Function Curve Panel
@function-panel-bg-color: darken(@bg, 15);
@function-panel-OtherCurves-color: rgb(197, 197, 197);
@function-panel-RulerBG-color: darken(@bg, 10);
@function-panel-Sub-color: rgb(255, 255, 255);
@function-panel-Selected-color: rgb(252, 174, 6);
// Function Spreadsheet Viewer
@function-ColumnHeaderBorder-color: @dock-bg-color;
@schematic-label-text-color: #000;
@function-KeyFrame-color: lighten(desaturate(spin(@keyframe-total-color, -0.2295), 14.0523), 3.9216);
@function-KeyFrameBorder-color: darken(@function-KeyFrame-color, 25);
@function-Inbetween-color: lighten(desaturate(spin(@keyframe-inbetween-color, -5.2841), 20.8935), 3.5294);
@function-InbetweenBorder-color: darken(desaturate(@function-Inbetween-color, 8), 25);
@xsheet-VerticalLineHead-color: darken(@bg, 20);