Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[themes] Fix slider 'fill' missing in themes and improve looks of nig…
…ht mapping theme slider
  • Loading branch information
nirvn committed May 21, 2020
1 parent e5f79fd commit cf0467a
Show file tree
Hide file tree
Showing 2 changed files with 48 additions and 18 deletions.
26 changes: 22 additions & 4 deletions resources/themes/Blend of Gray/style.qss
Expand Up @@ -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;
}

/* ==================================================================================== */
Expand Down
40 changes: 26 additions & 14 deletions resources/themes/Night Mapping/style.qss
Expand Up @@ -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;
}

/* ==================================================================================== */
Expand Down

0 comments on commit cf0467a

Please sign in to comment.