[gtk+] Adwaita: refactor levelbar styling.
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: refactor levelbar styling.
- Date: Thu, 28 Apr 2016 13:47:08 +0000 (UTC)
commit 71c1e86e62f2d2805dbcea24221d63fac50763a7
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Thu Apr 28 15:45:12 2016 +0200
Adwaita: refactor levelbar styling.
gtk/theme/Adwaita/_common.scss | 30 ++++------------
gtk/theme/Adwaita/gtk-contained-dark.css | 50 ++++++++++++----------------
gtk/theme/Adwaita/gtk-contained.css | 52 ++++++++++++-----------------
3 files changed, 51 insertions(+), 81 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index dc1b3fd..ac34a6e 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -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); }
}
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 5d9a120..0bf0b90 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -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 *
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 5314278..2328c36 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -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 *
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]