Skip to content
Permalink
Browse files

[themes] Fix slider 'fill' missing in themes and improve looks of nig…

…ht mapping theme slider
  • Loading branch information
github-actions authored and nyalldawson committed May 21, 2020
1 parent ed4a14e commit e91e3d016eb2e87136a69f7d12d92bbdcefc1ee6
Showing with 48 additions and 18 deletions.
  1. +22 −4 resources/themes/Blend of Gray/style.qss
  2. +26 −14 resources/themes/Night Mapping/style.qss
@@ -681,31 +681,49 @@ QCheckBox::indicator:checked:disabled {

QSlider::groove:horizontal {
border: 1px solid @itemdarkbackground;
border-radius: 0.15em;
height: 0.4em; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
background-color: @itemdarkbackground;
margin: 2px 0;
margin: 0.15em 1px;
}

QSlider::groove:vertical {
border: 1px solid @itemdarkbackground;
border-radius: 0.15em;
width: 0.4em; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
background-color: @itemdarkbackground;
margin: 2px 0;
margin: 1px 0.15em;
}

QSlider::handle:horizontal {
background: @gradient;
border: 1px solid @itemdarkbackground;
width: 1.3em;
margin: -2px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
margin: -0.15em -1px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
border-radius: 0.15em;
}
QSlider::handle:vertical {
background: @gradient;
border: 1px solid @itemdarkbackground;
height: 1.3em;
margin: 0 -2px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
margin: -1px -0.15em; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
border-radius: 0.15em;
}

QSlider::sub-page:horizontal {
border: 1px solid @itemdarkbackground;
border-radius: 0.15em;
height: 0.4em; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
background-color: @itembackground;
margin: 0.15em 1px;
}

QSlider::sub-page:vertical {
border: 1px solid @itemdarkbackground;
border-radius: 0.15em;
height: 0.4em; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
background-color: @itembackground;
margin: 1px 0.15em;
}

/* ==================================================================================== */
@@ -690,32 +690,44 @@ QCheckBox::indicator:checked:disabled {
/* ==================================================================================== */

QSlider::groove:horizontal {
border: 1px solid @itemdarkbackground;
border: 1px solid @itembackground;
height: 0.4em; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
background-color: @itemdarkbackground;
margin: 2px 0;
background-color: @itembackground;
margin: 0.15em 1px;
}

QSlider::groove:vertical {
border: 1px solid @itemdarkbackground;
border: 1px solid @itembackground;
width: 0.4em; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
background-color: @itemdarkbackground;
margin: 2px 0;
background-color: @itembackground;
margin: 1px 0.15em;
}

QSlider::handle:horizontal {
background: @gradient;
border: 1px solid @itemdarkbackground;
background: @darkgradient;
border: 1px solid @itembackground;
width: 1.3em;
margin: -2px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
border-radius: 0.15em;
margin: -0.15em -1px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
}
QSlider::handle:vertical {
background: @gradient;
border: 1px solid @itemdarkbackground;
background: @darkgradient;
border: 1px solid @itembackground;
height: 1.3em;
margin: 0 -2px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
border-radius: 0.15em;
margin: -1px -0.15em; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
}

QSlider::sub-page:horizontal {
border: 1px solid @selection;
height: 0.4em; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
background-color: @selection;
margin: 0.15em 1px;
}

QSlider::sub-page:vertical {
border: 1px solid @selection;
height: 0.4em; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
background-color: @selection;
margin: 1px 0.15em;
}

/* ==================================================================================== */

0 comments on commit e91e3d0

Please sign in to comment.
You can’t perform that action at this time.