Adwaita: refactor levelbar styling.

This commit is contained in:
Lapo Calamandrei 2016-04-28 15:45:12 +02:00
parent 0f1e42cd80
commit 71c1e86e62
3 changed files with 51 additions and 81 deletions

View File

@ -3294,49 +3294,35 @@ levelbar {
&.vertical.discrete block { margin: 1px 0; }
block:not(.empty) {
border: 1px solid if($variant=='light', darken($selected_bg_color,10%),
darken($selected_bg_color,5%));
background-color: $selected_bg_color;
box-shadow: 0 1px transparentize(black, 0.9);
block {
border: 1px solid;
border-radius: 1px;
&:backdrop {
border-color: $selected_bg_color;
box-shadow: none;
}
}
block {
&.low {
border-color: darken($warning_color,10%);
border-color: if($variant == 'light', darken($warning_color, 20%), $warning_color);
background-color: $warning_color;
&:backdrop { border-color: $warning_color; };
}
&.high {
border-color: darken($selected_bg_color,10%);
&.high,
&:not(.empty) {
border-color: if($variant == 'light', darken($selected_bg_color, 20%), $selected_bg_color);
background-color: $selected_bg_color;
&:backdrop { border-color: $selected_bg_color; }
}
&.full {
border-color: darken($success_color,10%);
border-color: if($variant == 'light', darken($success_color, 20%), $success_color);
background-color: $success_color;
&:backdrop { border-color: $success_color; };
}
&.empty {
border: 1px solid if($variant=='light', darken($selected_bg_color,10%),
darken($selected_bg_color,5%));
border-radius: 1px;
background-color: transparent;
border-color: if($variant=='light', transparentize($fg_color,0.8),
transparentize($fg_color,0.9));
box-shadow: none;
border-color: if($variant == 'light', transparentize($fg_color,0.8), transparentize($fg_color,0.9));
&:backdrop { border-color: transparentize($backdrop_fg_color,0.85); }
}

View File

@ -3796,37 +3796,29 @@ levelbar.horizontal.discrete block {
margin: 0 1px; }
levelbar.vertical.discrete block {
margin: 1px 0; }
levelbar block:not(.empty) {
border: 1px solid #1c5187;
background-color: #215d9c;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
levelbar block {
border: 1px solid;
border-radius: 1px; }
levelbar block:not(.empty):backdrop {
levelbar block.low {
border-color: #f57900;
background-color: #f57900; }
levelbar block.low:backdrop {
border-color: #f57900; }
levelbar block.high, levelbar block:not(.empty) {
border-color: #215d9c;
box-shadow: none; }
levelbar block.low {
border-color: #c26000;
background-color: #f57900; }
levelbar block.low:backdrop {
border-color: #f57900; }
levelbar block.high {
border-color: #184472;
background-color: #215d9c; }
levelbar block.high:backdrop {
border-color: #215d9c; }
levelbar block.full {
border-color: #40760c;
background-color: #5aa411; }
levelbar block.full:backdrop {
border-color: #5aa411; }
levelbar block.empty {
border: 1px solid #1c5187;
border-radius: 1px;
background-color: transparent;
border-color: rgba(238, 238, 236, 0.1);
box-shadow: none; }
levelbar block.empty:backdrop {
border-color: rgba(145, 148, 148, 0.15); }
background-color: #215d9c; }
levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
border-color: #215d9c; }
levelbar block.full {
border-color: #5aa411;
background-color: #5aa411; }
levelbar block.full:backdrop {
border-color: #5aa411; }
levelbar block.empty {
background-color: transparent;
border-color: rgba(238, 238, 236, 0.1); }
levelbar block.empty:backdrop {
border-color: rgba(145, 148, 148, 0.15); }
/****************
* Print dialog *

View File

@ -3825,37 +3825,29 @@ levelbar.horizontal.discrete block {
margin: 0 1px; }
levelbar.vertical.discrete block {
margin: 1px 0; }
levelbar block:not(.empty) {
border: 1px solid #2a76c6;
background-color: #4a90d9;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
levelbar block {
border: 1px solid;
border-radius: 1px; }
levelbar block:not(.empty):backdrop {
border-color: #4a90d9;
box-shadow: none; }
levelbar block.low {
border-color: #c26000;
background-color: #f57900; }
levelbar block.low:backdrop {
border-color: #f57900; }
levelbar block.high {
border-color: #2a76c6;
background-color: #4a90d9; }
levelbar block.high:backdrop {
border-color: #4a90d9; }
levelbar block.full {
border-color: #5aa411;
background-color: #73d216; }
levelbar block.full:backdrop {
border-color: #73d216; }
levelbar block.empty {
border: 1px solid #2a76c6;
border-radius: 1px;
background-color: transparent;
border-color: rgba(46, 52, 54, 0.2);
box-shadow: none; }
levelbar block.empty:backdrop {
border-color: rgba(139, 142, 143, 0.15); }
levelbar block.low {
border-color: #8f4700;
background-color: #f57900; }
levelbar block.low:backdrop {
border-color: #f57900; }
levelbar block.high, levelbar block:not(.empty) {
border-color: #215d9c;
background-color: #4a90d9; }
levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
border-color: #4a90d9; }
levelbar block.full {
border-color: #40760c;
background-color: #73d216; }
levelbar block.full:backdrop {
border-color: #73d216; }
levelbar block.empty {
background-color: transparent;
border-color: rgba(46, 52, 54, 0.2); }
levelbar block.empty:backdrop {
border-color: rgba(139, 142, 143, 0.15); }
/****************
* Print dialog *