[gnome-themes-standard/wip/sass] level-bar: initial implementation.
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard/wip/sass] level-bar: initial implementation.
- Date: Sun, 1 Jun 2014 15:10:22 +0000 (UTC)
commit 7ef1793d8c55c4eedab8dc9ad3a0f76ef5b7d640
Author: Jakub Steiner <jimmac gmail com>
Date: Sun Jun 1 17:09:49 2014 +0200
level-bar: initial implementation.
themes/Adwaita/gtk-3.0/_colors.scss | 2 +-
themes/Adwaita/gtk-3.0/_common.scss | 55 +++++++++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk-contained-dark.css | 41 ++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk-contained.css | 41 ++++++++++++++++++
4 files changed, 138 insertions(+), 1 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_colors.scss b/themes/Adwaita/gtk-3.0/_colors.scss
index a84935b..4e4627c 100644
--- a/themes/Adwaita/gtk-3.0/_colors.scss
+++ b/themes/Adwaita/gtk-3.0/_colors.scss
@@ -14,7 +14,7 @@ $link_color: lighten($selected_bg_color,10%);
$warning_color: #f57900;
$error_color: #cc0000;
-$success_color: $selected_bg_color;
+$success_color: if($variant =='light', #73d216, darken(#73d216,10%));
$destructive_color: if($variant =='light', #ef2929, darken(#ef2929,10%));
//insensitive state derived colors
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index c5a7e54..3a02201 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -1082,6 +1082,61 @@ GtkProgressBar.trough {
}
}
+/****************
+ * Level Bar *
+ ****************/
+
+
+GtkLevelBar {
+ -GtkLevelBar-min-block-width: 34;
+ -GtkLevelBar-min-block-height: 3;
+}
+
+GtkLevelBar.vertical {
+ -GtkLevelBar-min-block-width: 3;
+ -GtkLevelBar-min-block-height: 34;
+}
+
+.level-bar {
+ &.trough {
+ padding: 2px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-color: $borders_color;
+ box-shadow: inset 1px 1px transparentize(black, 0.9),
+ $widget_edge;
+ background-color: $base_color;
+ }
+ &.fill-block {
+ border-width: 1px;
+ border-style: solid;
+ border-color: darken($selected_bg_color,10%);
+ background-color: $selected_bg_color;
+ &.indicator-continuous {
+ padding: 2px;
+ border-radius: 2px;
+ }
+ &.indicator-discrete {
+ &.horizontal { margin: 0 1px; }
+ &.vertical { margin: 1px 0; }
+ }
+ &.level-high {
+ border-color: darken($success_color,10%);
+ background-color: $success_color;
+ }
+ &.level-low {
+ border-color: darken($warning_color,10%);
+ background-color: $warning_color;
+ }
+ &.empty-fill-block {
+ background-color: transparent;
+ border-color: transparentize($borders_color, 0.8);
+ }
+ }
+}
+
+
/**********
* Frames *
**********/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index ff4c014..5eba9f6 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -1405,6 +1405,47 @@ GtkProgressBar.trough {
background-color: #2e3333;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
+/****************
+ * Level Bar *
+ ****************/
+GtkLevelBar {
+ -GtkLevelBar-min-block-width: 34;
+ -GtkLevelBar-min-block-height: 3; }
+
+GtkLevelBar.vertical {
+ -GtkLevelBar-min-block-width: 3;
+ -GtkLevelBar-min-block-height: 34; }
+
+.level-bar.trough {
+ padding: 2px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-color: #1c1f1f;
+ box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1);
+ background-color: #333333; }
+.level-bar.fill-block {
+ border-width: 1px;
+ border-style: solid;
+ border-color: #184472;
+ background-color: #215d9c; }
+ .level-bar.fill-block.indicator-continuous {
+ padding: 2px;
+ border-radius: 2px; }
+ .level-bar.fill-block.indicator-discrete.horizontal {
+ margin: 0 1px; }
+ .level-bar.fill-block.indicator-discrete.vertical {
+ margin: 1px 0; }
+ .level-bar.fill-block.level-high {
+ border-color: #40760c;
+ background-color: #5aa411; }
+ .level-bar.fill-block.level-low {
+ border-color: #c26000;
+ background-color: #f57900; }
+ .level-bar.fill-block.empty-fill-block {
+ background-color: transparent;
+ border-color: rgba(28, 31, 31, 0.2); }
+
/**********
* Frames *
**********/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index b5e1c23..f155149 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -1405,6 +1405,47 @@ GtkProgressBar.trough {
background-color: #d2d2d2;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
+/****************
+ * Level Bar *
+ ****************/
+GtkLevelBar {
+ -GtkLevelBar-min-block-width: 34;
+ -GtkLevelBar-min-block-height: 3; }
+
+GtkLevelBar.vertical {
+ -GtkLevelBar-min-block-width: 3;
+ -GtkLevelBar-min-block-height: 34; }
+
+.level-bar.trough {
+ padding: 2px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-color: #a1a1a1;
+ box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white;
+ background-color: white; }
+.level-bar.fill-block {
+ border-width: 1px;
+ border-style: solid;
+ border-color: #2a76c6;
+ background-color: #4a90d9; }
+ .level-bar.fill-block.indicator-continuous {
+ padding: 2px;
+ border-radius: 2px; }
+ .level-bar.fill-block.indicator-discrete.horizontal {
+ margin: 0 1px; }
+ .level-bar.fill-block.indicator-discrete.vertical {
+ margin: 1px 0; }
+ .level-bar.fill-block.level-high {
+ border-color: #5aa411;
+ background-color: #73d216; }
+ .level-bar.fill-block.level-low {
+ border-color: #c26000;
+ background-color: #f57900; }
+ .level-bar.fill-block.empty-fill-block {
+ background-color: transparent;
+ border-color: rgba(161, 161, 161, 0.2); }
+
/**********
* Frames *
**********/
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]