9753a41e2e
* Introducing Astral themes
244 lines
6.1 KiB
Text
244 lines
6.1 KiB
Text
/* -----------------------------------------------------------------------------
|
|
UI Controls
|
|
----------------------------------------------------------------------------- */
|
|
|
|
// For Qt selectors we use placeholders and then extend to those.
|
|
// This is to avoid the compiler getting confused and extending the selector
|
|
// anywhere its called (even in nests).
|
|
|
|
.QPushButton {
|
|
background-color: @button-bg-color;
|
|
border: 1px solid @button-border-color;
|
|
border-radius: @button-border-radius;
|
|
color: @button-text-color;
|
|
padding: 3px 15px;
|
|
&: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;
|
|
}
|
|
}
|
|
&:disabled {
|
|
background-color: @button-bg-color-disabled;
|
|
border-color: @button-border-color-disabled;
|
|
color: @button-text-color-disabled;
|
|
}
|
|
}
|
|
|
|
QPushButton { // Default control
|
|
&:extend(.QPushButton all);
|
|
}
|
|
|
|
#PushButton_NoPadding {
|
|
padding: 3px;
|
|
}
|
|
|
|
/* Camera Capture */
|
|
|
|
#GearButton {
|
|
qproperty-icon: url('@{img-url}/gear.svg');
|
|
}
|
|
|
|
#SubfolderButton {
|
|
qproperty-icon: url('@{img-url}/subfolder.svg');
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
.QComboBox {
|
|
&:extend(.QPushButton);
|
|
padding: 1px 0 1px 5px;
|
|
&:hover {
|
|
&:extend(.QPushButton:hover);
|
|
}
|
|
&:disabled {
|
|
&:extend(.QPushButton:disabled);
|
|
}
|
|
&::drop-down {
|
|
border: 0;
|
|
}
|
|
&::down-arrow {
|
|
image: url('@{img-url}/@{combo-down-arrow-img}');
|
|
&:disabled {
|
|
image: url('@{img-url}/@{combo-down-arrow-img-disabled}');
|
|
}
|
|
}
|
|
& QAbstractItemView {
|
|
background-color: @menu-bg-color;
|
|
border: 1px solid @menu-border-color;
|
|
selection-background-color: @selected-bg-color;
|
|
selection-color: @selected-text-color;
|
|
}
|
|
}
|
|
|
|
QComboBox { // Default control
|
|
&:extend(.QComboBox all);
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
.QLineEdit {
|
|
background-color: @input-bg-color;
|
|
border: 1px solid @input-border-color;
|
|
border-radius: @input-border-radius;
|
|
color: @input-text-color;
|
|
selection-background-color: @selected-bg-color;
|
|
selection-color: @selected-text-color;
|
|
padding: 0 0 0 1px;
|
|
&:focus {
|
|
background-color: @focus-bg-color;
|
|
border-color: @focus-border-color;
|
|
}
|
|
&:disabled {
|
|
background-color: @input-bg-color-disabled;
|
|
border-color: @input-border-color-disabled;
|
|
color: @input-text-color-disabled;
|
|
}
|
|
}
|
|
|
|
QLineEdit { // Default control
|
|
&:extend(.QLineEdit all);
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
.QCheckBox {
|
|
color: @text-color;
|
|
&:hover {
|
|
color: @checkbox-text-color-hover;
|
|
}
|
|
&:disabled {
|
|
color: @text-color-disabled;
|
|
}
|
|
&::indicator {
|
|
background-color: @checkbox-bg-color;
|
|
border: 1px solid @checkbox-border-color;
|
|
border-radius: 2px;
|
|
height: 9px; // fix for QGroupBox
|
|
padding: 1px;
|
|
width: 9px; // 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}/@{checkbox-icon-checked}');
|
|
&:hover {
|
|
&:extend(.QCheckBox::indicator:hover);
|
|
}
|
|
&:disabled {
|
|
background-color: @checkbox-bg-color-disabled;
|
|
border-color: @checkbox-border-color-disabled;
|
|
image: url('@{img-url}/@{checkbox-icon-disabled}');
|
|
}
|
|
}
|
|
&:disabled {
|
|
background-color: @checkbox-bg-color-disabled;
|
|
border-color: @checkbox-border-color-disabled;
|
|
}
|
|
}
|
|
}
|
|
|
|
QCheckBox { // Default control
|
|
&:extend(.QCheckBox all);
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
.QRadioButton {
|
|
&::indicator {
|
|
&:unchecked {
|
|
image: url('@{img-url}/radiobutton_unchecked.svg');
|
|
image-position: center center;
|
|
}
|
|
&:checked {
|
|
image: url('@{img-url}/radiobutton_checked.svg');
|
|
image-position: center center;
|
|
}
|
|
}
|
|
}
|
|
|
|
QRadioButton { // Default control
|
|
&:extend(.QRadioButton all);
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
.QGroupBox {
|
|
&:extend(.box-base); // components/boxes.less
|
|
margin: 6px 0 0 0;
|
|
padding: 5px 0px;
|
|
&::title {
|
|
subcontrol-origin: margin;
|
|
left: 15px;
|
|
margin: -3px 0 0 0;
|
|
padding: 0 3px;
|
|
&:disabled {
|
|
color: @text-color-disabled;
|
|
}
|
|
}
|
|
&::indicator {
|
|
&:extend(.QCheckBox::indicator all);
|
|
subcontrol-origin: margin;
|
|
margin-top: 2px;
|
|
}
|
|
&:disabled {
|
|
color: @text-color-disabled;
|
|
}
|
|
}
|
|
|
|
QGroupBox { // Default control
|
|
&:extend(.QGroupBox all);
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
.QSlider {
|
|
&::groove:horizontal {
|
|
background-color: transparent;
|
|
background-image: url('@{img-url}/slider_groove.png');
|
|
background-position: center center;
|
|
background-repeat: repeat-x;
|
|
margin: 0;
|
|
height: 20px;
|
|
min-height: 20px;
|
|
}
|
|
&::handle:horizontal {
|
|
background: @slider-handle-bg-color;
|
|
border: 1px solid @slider-handle-border-color;
|
|
width: 9px;
|
|
margin: 2px 0 2px 0;
|
|
border-radius: 2px;
|
|
}
|
|
}
|
|
|
|
QSlider { // Default control
|
|
&:extend(.QSlider all);
|
|
}
|
|
|
|
#IntPairField,
|
|
#DoublePairField {
|
|
qproperty-LightLineColor: @slider-groove-color;
|
|
qproperty-LightLineEdgeColor: @slider-groove-color; // new
|
|
qproperty-DarkLineColor: @slider-groove-color;
|
|
qproperty-MiddleLineColor: @slider-groove-color; // new
|
|
qproperty-HandleLeftPixmap: url("@{img-url}/slider_left_handle.png");
|
|
qproperty-HandleRightPixmap: url("@{img-url}/slider_right_handle.png");
|
|
|
|
qproperty-HandleLeftGrayPixmap: url("@{img-url}/h_slider_left_disabled.png");
|
|
qproperty-HandleRightGrayPixmap: url("@{img-url}/h_slider_right_disabled.png");
|
|
}
|