b0dac22325
* Theme Fixes A bunch of fixes for all themes * Change Checkbox Style Inverts color value of checked state indicators to make them easier to see. It was already applied to light theme, this applies it to all other themes. * Fix Viewbox * More Fixes Mainly fixes the exclusive radio buttons I missed in menus, also visually improves the tick mark icon in checkboxes, color balances the x-sheet for dark theme and light theme. * Style Progress Bar Adds style to QProgressBar Also brings back the tree folder color for the light theme (dark blue) * Fix QToolBar in Palette Windows Allows the border to show under QToolBar. Add clarity to QScrollBar handle (light). * Style Indicators Restyles all the indicators and radiobuttons, adds styles such as hover to radiobuttons that was missing
130 lines
4.5 KiB
Text
130 lines
4.5 KiB
Text
// out: ../../../Dark/Dark.qss
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// DARK
|
|
// -----------------------------------------------------------------------------
|
|
|
|
// Override
|
|
@import '../Default';
|
|
|
|
// Resource Location
|
|
@img-url: '../Default/imgs/white';
|
|
|
|
@bg: #303030;
|
|
@accent: darken(@bg, 10);
|
|
@text-color: rgb(233, 233, 233);
|
|
@text-color-disabled: rgba(233, 233, 233, 0.4);
|
|
@dock-bg-color: darken(@bg, 14);
|
|
@dialogButtonFrame-bg-color: darken(@bg, 3);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Menu
|
|
// -----------------------------------------------------------------------------
|
|
|
|
@menu-text-color: @text-color;
|
|
@menu-bg-color: darken(@bg, 4);
|
|
@menu-border-color: lighten(@menu-bg-color, 15);
|
|
@menu-separator-color: lighten(@menu-bg-color, 15);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Trees
|
|
// -----------------------------------------------------------------------------
|
|
|
|
@tree-bg-color: darken(@bg, 4);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Tabs
|
|
// -----------------------------------------------------------------------------
|
|
|
|
// Container
|
|
@tabbar-bg-color: darken(@bg, 4);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Titlebars
|
|
// -----------------------------------------------------------------------------
|
|
|
|
@title-bg-color: darken(@bg, 4);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Scroll Bars
|
|
// -----------------------------------------------------------------------------
|
|
|
|
// Frame
|
|
@scrollbar-bg-color: darken(@bg, 4);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Button
|
|
// -----------------------------------------------------------------------------
|
|
|
|
@button-bg-color: lighten(@bg, 15);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Textfield
|
|
// -----------------------------------------------------------------------------
|
|
|
|
@input-bg-color: darken(@bg, 8);
|
|
@input-border-color: lighten(@bg, 10);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// CheckBox
|
|
// -----------------------------------------------------------------------------
|
|
|
|
@checkbox-border-color: lighten(@input-border-color, 10);
|
|
@checkbox-border-color-disabled: @input-border-color-disabled;
|
|
|
|
@checkbox-border-color-hover: lighten(@bg, 70);
|
|
|
|
@checkbox-border-color-checked: darken(@checkbox-bg-color-checked, 0);
|
|
|
|
// For RadioButton
|
|
@radiobutton-img-unchecked: 'radiobutton-dark_unchecked.svg';
|
|
@radiobutton-img-unchecked-hover: 'radiobutton-dark_unchecked_hover.svg';
|
|
@radiobutton-img-unchecked-disabled: 'radiobutton-dark_unchecked_disabled.svg';
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Slider
|
|
// -----------------------------------------------------------------------------
|
|
|
|
// SVG
|
|
@slider-groove-img: 'slider-groove_dark.svg';
|
|
@slider-groove-img-disabled: 'slider-groove_disabled_dark.svg';
|
|
|
|
// DoublePairField, IntPairField
|
|
@slider-groove-color: darken(@bg, 9);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Viewer Window
|
|
// -----------------------------------------------------------------------------
|
|
|
|
// Flip Slider
|
|
@flipmarker-img: 'flipmarker_dark.svg';
|
|
@flipslider-img: 'flipslider_dark.svg';
|
|
@flipslider-base-color: darken(@bg, 8);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Progress Bar
|
|
// -----------------------------------------------------------------------------
|
|
|
|
@progressbar-bg-color: darken(@bg, 4);
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// XSheet
|
|
// -----------------------------------------------------------------------------
|
|
|
|
@xsheet-bg-color: darken(@bg, 2);
|
|
|
|
@xsheet-OnionSkinAreaBG-color: darken(@bg, 4);
|
|
|
|
@xsheet-EmptyColumnHead-color: lighten(@bg, 8);
|
|
|
|
@xsheet-EmptyCell-color: @bg;
|
|
@xsheet-NotEmptyColumn-color: lighten(@bg, 3);
|
|
|
|
@xsheet-LightLightBG-color: @xsheet-EmptyCell-color;
|
|
|
|
// -----------------------------------------------------------------------------
|
|
// Function Editor
|
|
// -----------------------------------------------------------------------------
|
|
|
|
// Function Curve Panel
|
|
@function-panel-OtherCurves-color: lighten(@function-panel-bg-color, 30);
|