forked from AuroraMiddleware/gtk
Adwaita: refactor levelbar styling.
This commit is contained in:
parent
0f1e42cd80
commit
71c1e86e62
@ -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); }
|
||||
}
|
||||
|
@ -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 *
|
||||
|
@ -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 *
|
||||
|
Loading…
Reference in New Issue
Block a user