HighContrast: Update progressbar styling

Adapt to the changes in the previous commit.
This commit is contained in:
Matthias Clasen
2015-10-31 20:24:46 -04:00
parent 71afd762ed
commit ca385af3c4
2 changed files with 48 additions and 57 deletions

View File

@@ -1776,17 +1776,32 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
//FIXME it's a wip ok?
GtkProgressBar {
padding: 0;
font-size: 83%;
color: $fg_color;
&:backdrop {
color: $insensitive_fg_color;
}
progressbar {
padding: 0;
font-size: 83%;
color: $fg_color;
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: $borders_color;
background-color: mix($borders_color,$bg_color, 35%);
box-shadow: inset 1px 1px transparentize(black, 0.9);
&:backdrop{
color: $insensitive_fg_color;
border-color: $backdrop_borders_color;
background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
box-shadow: 0 1px transparentize(white,1);
}
&.osd {
background-color: transparent;
box-shadow: none;
border-width: 0;
//FIXME: there is a margin on top
}
}
// moving bit
.progressbar {
progressbar progress {
border-width: 1px;
border-style: solid;
border-radius: 3px;
@@ -1811,27 +1826,6 @@ GtkProgressBar {
}
}
// background
GtkProgressBar.trough {
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: $borders_color;
background-color: mix($borders_color,$bg_color, 35%);
box-shadow: inset 1px 1px transparentize(black, 0.9);
&:backdrop{
border-color: $backdrop_borders_color;
background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
box-shadow: 0 1px transparentize(white,1);
}
&.osd {
background-color: transparent;
box-shadow: none;
border-width: 0;
//FIXME: there is a margin on top
}
}
/*************
* Level Bar *
*************/

View File

@@ -1976,49 +1976,46 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
/*****************
* Progress bars *
*****************/
GtkProgressBar {
progressbar {
padding: 0;
font-size: 83%;
color: #000; }
GtkProgressBar:backdrop {
color: gray; }
.progressbar {
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: #000;
background-color: #000;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
.progressbar.vertical {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); }
.progressbar:backdrop {
border-color: #000;
background-color: #000;
box-shadow: none; }
.progressbar.osd {
border-width: 0;
border-radius: 0;
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 2px;
-GtkProgressBar-min-horizontal-bar-height: 2px; }
GtkProgressBar.trough {
color: #000;
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: gray;
background-color: lightgray;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
GtkProgressBar.trough:backdrop {
progressbar:backdrop {
color: gray;
border-color: #8d8d8d;
background-color: #d7d7d7;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
GtkProgressBar.trough.osd {
progressbar.osd {
background-color: transparent;
box-shadow: none;
border-width: 0; }
progressbar progress {
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: #000;
background-color: #000;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
progressbar progress.vertical {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); }
progressbar progress:backdrop {
border-color: #000;
background-color: #000;
box-shadow: none; }
progressbar progress.osd {
border-width: 0;
border-radius: 0;
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 2px;
-GtkProgressBar-min-horizontal-bar-height: 2px; }
/*************
* Level Bar *
*************/