Commit d5ab5fee authored by Matthias Clasen's avatar Matthias Clasen

Adwaita: Update levelbar styling

Adapt to the changes in the previous commit. In particular, fix
the handling of low and high offsets. Anything below the low offset
gets warning color, anything below high gets selected background,
and anything below the new full offset gets success color.
parent 21209a96
......@@ -2439,9 +2439,9 @@ levelbar {
@include entry(backdrop);
}
}
&.horizontal block.discrete { margin: 0 1px; }
&.vertical block.discrete { margin: 1px 0; }
& block.filled {
&.horizontal.discrete block { margin: 0 1px; }
&.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;
......@@ -2452,16 +2452,21 @@ levelbar {
box-shadow: none;
}
}
& block.level-high {
border-color: darken($success_color,10%);
background-color: $success_color;
&:backdrop { border-color: $success_color; }
}
& block.level-low {
& block.low {
border-color: darken($warning_color,10%);
background-color: $warning_color;
&:backdrop { border-color: $warning_color; };
}
& block.high {
border-color: darken($selected_bg_color,10%);
background-color: $selected_bg_color;
&:backdrop { border-color: $selected_bg_color; }
}
& block.full {
border-color: darken($success_color,10%);
background-color: $success_color;
&:backdrop { border-color: $success_color; };
}
& block.empty {
border: 1px solid if($variant=='light', darken($selected_bg_color,10%),
darken($selected_bg_color,5%));
......
......@@ -3390,28 +3390,33 @@ levelbar {
border-color: #1f2222;
background-image: linear-gradient(to bottom, #2c2c2c);
box-shadow: 0 1px rgba(238, 238, 236, 0); }
levelbar.horizontal block.discrete {
levelbar.horizontal.discrete block {
margin: 0 1px; }
levelbar.vertical block.discrete {
levelbar.vertical.discrete block {
margin: 1px 0; }
levelbar block.filled {
levelbar block:not(.empty) {
border: 1px solid #1c5187;
background-color: #215d9c;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 1px; }
levelbar block.filled:backdrop {
levelbar block:not(.empty):backdrop {
border-color: #215d9c;
box-shadow: none; }
levelbar block.level-high {
border-color: #40760c;
background-color: #5aa411; }
levelbar block.level-high:backdrop {
border-color: #5aa411; }
levelbar block.level-low {
levelbar block.low {
border-color: #c26000;
background-color: #f57900; }
levelbar block.level-low:backdrop {
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;
......
......@@ -3552,28 +3552,33 @@ levelbar {
border-color: darkgray;
background-image: linear-gradient(to bottom, white);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
levelbar.horizontal block.discrete {
levelbar.horizontal.discrete block {
margin: 0 1px; }
levelbar.vertical block.discrete {
levelbar.vertical.discrete block {
margin: 1px 0; }
levelbar block.filled {
levelbar block:not(.empty) {
border: 1px solid #2a76c6;
background-color: #4a90d9;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 1px; }
levelbar block.filled:backdrop {
levelbar block:not(.empty):backdrop {
border-color: #4a90d9;
box-shadow: none; }
levelbar block.level-high {
border-color: #5aa411;
background-color: #73d216; }
levelbar block.level-high:backdrop {
border-color: #73d216; }
levelbar block.level-low {
levelbar block.low {
border-color: #c26000;
background-color: #f57900; }
levelbar block.level-low:backdrop {
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;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment