tahoma2d/stuff/config/qss/Astral_072_Dark/less/layouts/controls.less
Kite 9753a41e2e Minimalist Theme (#1112)
* Introducing Astral themes
2017-04-14 16:30:36 +09:00

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");
}