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
356 lines
9.8 KiB
Text
356 lines
9.8 KiB
Text
|
|
// The Less compiler has trouble compiling Qt selectors when they have been
|
|
// extended to, so extend Qt selectors to mixins as workaround for now
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Push Button
|
|
----------------------------------------------------------------------------- */
|
|
|
|
.Button {
|
|
background-color: @button-bg-color;
|
|
border: 1 solid @button-border-color;
|
|
border-radius: 2;
|
|
color: @button-text-color;
|
|
margin: 0;
|
|
padding: 3 15;
|
|
&:hover {
|
|
background-color: @button-bg-color-hover;
|
|
border-color: @button-border-color-hover;
|
|
color: @button-text-color-hover;
|
|
}
|
|
&:pressed {
|
|
background-color: @button-bg-color-pressed;
|
|
border-color: @button-border-color-pressed;
|
|
color: @button-text-color-pressed;
|
|
}
|
|
&:checked {
|
|
background-color: @button-bg-color-checked;
|
|
border-color: @button-border-color-checked;
|
|
color: @button-text-color-checked;
|
|
&:hover {
|
|
background-color: @button-bg-color-checked-hover;
|
|
&:pressed {
|
|
background: @button-bg-color-checked-hover-pressed;
|
|
}
|
|
}
|
|
}
|
|
&:disabled {
|
|
background-color: @button-bg-color-disabled;
|
|
border-color: @button-border-color-disabled;
|
|
color: @button-text-color-disabled;
|
|
}
|
|
}
|
|
|
|
QPushButton {
|
|
&:extend(.Button all);
|
|
}
|
|
|
|
#PushButton_NoPadding {
|
|
padding: 3;
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Combo Box
|
|
----------------------------------------------------------------------------- */
|
|
|
|
.ComboBox {
|
|
&:extend(.Button);
|
|
padding: 1 0 1 4;
|
|
margin: 1 0;
|
|
&:editable { /* for editable ComboBox */
|
|
color: @input-text-color;
|
|
background-color: @input-bg-color;
|
|
border-color: @input-border-color;
|
|
padding: 1 0 1 3;
|
|
}
|
|
&:hover {
|
|
background-color: @button-bg-color-hover;
|
|
&:editable {
|
|
background-color: @input-bg-color;
|
|
}
|
|
}
|
|
&:focus {
|
|
border-color: @input-border-color-focus;
|
|
}
|
|
&:checked {
|
|
&:extend(.ComboBox);
|
|
border-color: @input-border-color-focus;
|
|
}
|
|
&:disabled {
|
|
&:extend(.Button:disabled);
|
|
}
|
|
&::drop-down {
|
|
border: 0;
|
|
image: url('@{img-url}/combo_downarrow.svg');
|
|
image-position: center center;
|
|
width: 16;
|
|
&:editable {
|
|
background-color: @button-bg-color;
|
|
border-left: @combobox-dropdown-border-size solid @button-border-color;
|
|
border-top-right-radius: @combobox-dropdown-border-radius;
|
|
border-bottom-right-radius: @combobox-dropdown-border-radius;
|
|
}
|
|
&:hover {
|
|
border-color: @combobox-dropdown-border-color-hover;
|
|
&:editable {
|
|
background-color: @button-bg-color-hover;
|
|
border-color: @button-border-color;
|
|
}
|
|
}
|
|
&:disabled {
|
|
image: url('@{img-url}/combo_downarrow_disabled.svg');
|
|
&:editable {
|
|
background-color: @combobox-dropdown-bg-color-disabled-editable;
|
|
}
|
|
}
|
|
}
|
|
& QAbstractItemView {
|
|
background-color: @menu-bg-color;
|
|
border: 1 solid @menu-border-color;
|
|
selection-background-color: @hl-bg-color;
|
|
selection-color: @hl-text-color;
|
|
}
|
|
}
|
|
|
|
QComboBox {
|
|
&:extend(.ComboBox all);
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Textfield
|
|
----------------------------------------------------------------------------- */
|
|
|
|
.LineEdit {
|
|
background-color: @input-bg-color;
|
|
border: 1 solid @input-border-color;
|
|
border-radius: 2;
|
|
color: @input-text-color;
|
|
selection-background-color: @input-selection-bg-color;
|
|
selection-color: @input-selection-text-color;
|
|
padding: 0 0 0 1;
|
|
&:focus {
|
|
background-color: @input-bg-color-focus;
|
|
border-color: @input-border-color-focus;
|
|
color: @input-text-color-focus;
|
|
}
|
|
&:disabled {
|
|
background-color: @input-bg-color-disabled;
|
|
border-color: @input-border-color-disabled;
|
|
color: @input-text-color-disabled;
|
|
}
|
|
}
|
|
|
|
QPlainTextEdit
|
|
,QLineEdit {
|
|
&:extend(.LineEdit all);
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
CheckBox
|
|
----------------------------------------------------------------------------- */
|
|
|
|
.CheckBox {
|
|
color: @text-color;
|
|
&:hover {
|
|
color: @checkbox-text-color-hover;
|
|
}
|
|
&:disabled {
|
|
color: @text-color-disabled;
|
|
}
|
|
&::indicator {
|
|
background-color: @checkbox-bg-color;
|
|
border: 1 solid @checkbox-border-color;
|
|
border-radius: 2;
|
|
height: 9; /* fix for QGroupBox */
|
|
padding: 1;
|
|
width: 9; /* fix for QMenu */
|
|
&:hover {
|
|
background-color: @checkbox-bg-color-hover;
|
|
border-color: @checkbox-border-color-hover;
|
|
}
|
|
&:checked {
|
|
background-color: @checkbox-bg-color-checked;
|
|
border-color: @checkbox-border-color-checked;
|
|
image: url('@{img-url}/checkmark.svg');
|
|
&:hover {
|
|
&:extend(.CheckBox::indicator:hover);
|
|
background-color: @checkbox-bg-color-checked-hover;
|
|
border-color: @checkbox-border-color-checked-hover;
|
|
}
|
|
&:disabled {
|
|
background-color: @checkbox-bg-color-checked-disabled;
|
|
border-color: @checkbox-border-color-checked-disabled;
|
|
image: url('@{img-url}/checkmark_disabled.svg');
|
|
}
|
|
}
|
|
&:indeterminate {
|
|
background-color: @checkbox-bg-color-checked;
|
|
border-color: @checkbox-border-color-checked;
|
|
image: url('@{img-url}/checkpartially.svg');
|
|
&:hover {
|
|
&:extend(.CheckBox::indicator:hover);
|
|
}
|
|
&:disabled {
|
|
background-color: @checkbox-bg-color-checked-disabled;
|
|
border-color: @checkbox-border-color-checked-disabled;
|
|
image: url('@{img-url}/checkpartially_disabled.svg');
|
|
}
|
|
}
|
|
&:disabled {
|
|
background-color: @checkbox-bg-color-disabled;
|
|
border-color: @checkbox-border-color-disabled;
|
|
}
|
|
}
|
|
}
|
|
|
|
QCheckBox {
|
|
&:extend(.CheckBox all);
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Radio Button
|
|
----------------------------------------------------------------------------- */
|
|
|
|
.RadioButton {
|
|
color: @text-color;
|
|
&:hover {
|
|
color: @checkbox-text-color-hover;
|
|
}
|
|
&:checked {
|
|
color: @text-color;
|
|
}
|
|
&:disabled {
|
|
color: @text-color-disabled;
|
|
}
|
|
padding: 0;
|
|
margin: 0;
|
|
&::indicator {
|
|
@size: 11;
|
|
width: @size;
|
|
height: @size;
|
|
background-color: transparent;
|
|
border: 0;
|
|
image-position: center center;
|
|
&:unchecked {
|
|
image: url('@{img-url}/@{radiobutton-img-unchecked}');
|
|
&:hover {
|
|
image: url('@{img-url}/@{radiobutton-img-unchecked-hover}');
|
|
}
|
|
}
|
|
&:checked {
|
|
image: url('@{img-url}/@{radiobutton-img-checked}');
|
|
&:disabled {
|
|
background-color: transparent;
|
|
image: url('@{img-url}/@{radiobutton-img-checked-disabled}');
|
|
}
|
|
}
|
|
&:disabled {
|
|
image: url('@{img-url}/@{radiobutton-img-unchecked-disabled}');
|
|
}
|
|
}
|
|
}
|
|
|
|
QRadioButton {
|
|
&:extend(.RadioButton all);
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
GroupBox
|
|
----------------------------------------------------------------------------- */
|
|
|
|
.GroupBox {
|
|
&:extend(.frame all);
|
|
margin: 6 0 0 0;
|
|
padding: 5 0;
|
|
&::title {
|
|
subcontrol-origin: margin;
|
|
left: 15;
|
|
margin: -3 0 0 0;
|
|
padding: 0 3;
|
|
&:hover {
|
|
color: @checkbox-text-color-hover;
|
|
}
|
|
&:disabled {
|
|
color: @text-color-disabled;
|
|
}
|
|
}
|
|
&::indicator {
|
|
&:extend(.CheckBox::indicator all);
|
|
subcontrol-origin: margin;
|
|
margin-top: 2;
|
|
}
|
|
&:disabled {
|
|
color: @text-color-disabled;
|
|
}
|
|
}
|
|
|
|
QGroupBox {
|
|
&:extend(.GroupBox all);
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Slider
|
|
----------------------------------------------------------------------------- */
|
|
|
|
.Slider {
|
|
&::groove:horizontal {
|
|
background-color: transparent;
|
|
background-image: url('@{img-url}/@{slider-groove-img}');
|
|
background-position: center center;
|
|
background-repeat: repeat-x;
|
|
margin: 0;
|
|
height: 20;
|
|
min-height: 20;
|
|
&:disabled {
|
|
background-image: url('@{img-url}/@{slider-groove-img-disabled}');
|
|
}
|
|
}
|
|
&::handle:horizontal {
|
|
width: @slider-handle-width;
|
|
margin: @slider-handle-margin;
|
|
image: url('@{img-url}/@{slider-handle-img}');
|
|
&:disabled {
|
|
image: url('@{img-url}/@{slider-handle-img-disabled}');
|
|
}
|
|
}
|
|
}
|
|
|
|
QSlider {
|
|
&:extend(.Slider all);
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Double Slider
|
|
----------------------------------------------------------------------------- */
|
|
|
|
#IntPairField,
|
|
#DoublePairField {
|
|
qproperty-LightLineColor: @slider-groove-color;
|
|
qproperty-LightLineEdgeColor: @slider-groove-color;
|
|
qproperty-DarkLineColor: @slider-groove-color;
|
|
qproperty-MiddleLineColor: @slider-groove-color;
|
|
|
|
qproperty-HandleLeftPixmap: url("@{img-url}/@{slider-left-handle}");
|
|
qproperty-HandleRightPixmap: url("@{img-url}/@{slider-right-handle}");
|
|
|
|
qproperty-HandleLeftGrayPixmap: url("@{img-url}/@{slider-left-handle-disabled}");
|
|
qproperty-HandleRightGrayPixmap: url("@{img-url}/@{slider-right-handle-disabled}");
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Progress Bar
|
|
----------------------------------------------------------------------------- */
|
|
|
|
QProgressBar {
|
|
text-align: center;
|
|
background-color: @progressbar-bg-color;
|
|
border: 1 solid @progressbar-border-color;
|
|
border-radius: 3; /* 2 fits inside 3 */
|
|
padding: 0;
|
|
&::chunk {
|
|
margin: -1; /* hide border of chunk except for right side */
|
|
background-color: @progressbar-chunk-bg-color;
|
|
border: 1 solid @progressbar-chunk-border-color;
|
|
border-radius: 2;
|
|
}
|
|
}
|