Adwaita: suble gradient on progressbars

This commit is contained in:
Lapo Calamandrei 2014-07-19 15:42:17 +02:00
parent 3fb249e376
commit 71d47ef607
3 changed files with 11 additions and 0 deletions

View File

@ -1833,6 +1833,8 @@ GtkProgressBar {
border-radius: 1.5px;
border-color: $selected_borders_color;
background-color: $selected_bg_color;
background-image: linear-gradient(to bottom, $selected_bg_color 2px,
lighten($selected_bg_color,6%));
$_shadow: if($variant=='light', transparentize(black,0.75),
transparentize(black,0.9));
box-shadow: 1px 0 $_shadow, -1px 0 $_shadow;
@ -1850,6 +1852,8 @@ GtkProgressBar {
box-shadow: none;
}
&.vertical {
background-image: linear-gradient(to right, $selected_bg_color 2px,
lighten($selected_bg_color,7%));
box-shadow: 0 1px $_shadow;
&.bottom {
border-bottom-left-radius: 3px;
@ -1865,6 +1869,7 @@ GtkProgressBar {
&:backdrop {
border-color: if($variant=='light', $selected_bg_color,
$selected_borders_color);
background-image: none;
background-color: $selected_bg_color;
box-shadow: none;
}

View File

@ -2343,6 +2343,7 @@ GtkProgressBar {
border-radius: 1.5px;
border-color: #0f2b48;
background-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1); }
.progressbar.left {
border-top-left-radius: 3px;
@ -2355,6 +2356,7 @@ GtkProgressBar {
.progressbar.left.right {
box-shadow: none; }
.progressbar.vertical {
background-image: linear-gradient(to right, #215d9c 2px, #276fba);
box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
.progressbar.vertical.bottom {
border-bottom-left-radius: 3px;
@ -2365,6 +2367,7 @@ GtkProgressBar {
border-top-right-radius: 3px; }
.progressbar:backdrop {
border-color: #0f2b48;
background-image: none;
background-color: #215d9c;
box-shadow: none; }
.progressbar.osd {

View File

@ -2337,6 +2337,7 @@ GtkProgressBar {
border-radius: 1.5px;
border-color: #184472;
background-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
box-shadow: 1px 0 rgba(0, 0, 0, 0.25), -1px 0 rgba(0, 0, 0, 0.25); }
.progressbar.left {
border-top-left-radius: 3px;
@ -2349,6 +2350,7 @@ GtkProgressBar {
.progressbar.left.right {
box-shadow: none; }
.progressbar.vertical {
background-image: linear-gradient(to right, #4a90d9 2px, #68a2df);
box-shadow: 0 1px rgba(0, 0, 0, 0.25); }
.progressbar.vertical.bottom {
border-bottom-left-radius: 3px;
@ -2359,6 +2361,7 @@ GtkProgressBar {
border-top-right-radius: 3px; }
.progressbar:backdrop {
border-color: #4a90d9;
background-image: none;
background-color: #4a90d9;
box-shadow: none; }
.progressbar.osd {