[gnome-themes-standard/wip/sass] initial progress bars styling



commit d718fcf9a2d7f99bddb0f7f8af1fb82dc3f0c02e
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Fri May 30 20:39:08 2014 +0200

    initial progress bars styling

 themes/Adwaita/gtk-3.0/_common.scss           |   45 +++++++++++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   32 +++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   32 +++++++++++++++++
 3 files changed, 109 insertions(+), 0 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 6cc6c18..5e1c32f 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -1014,6 +1014,51 @@ $asset_suffix: if($variant=='dark', '-dark', '');
   }
 }
 
+
+/*****************
+ * Progress bars *
+ *****************/
+
+//FIXME it's a wip ok?
+
+GtkProgressBar {
+    padding: 0;
+    font-size: 83%;
+    color: transparentize($fg_color, 0.6);
+    &:backdrop {
+      color: $backdrop_insensitive_color;
+    }
+}
+
+// moving bit
+.progressbar {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: darken($selected_bg_color,30%);
+  background-color: $selected_bg_color;
+  &:backdrop {
+    border-color: $selected_bg_color;
+    background-color: $selected_bg_color;
+  }
+}
+
+// background
+GtkProgressBar.trough {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: $borders_color;
+  background-color: mix($bg_color,$borders_color,60%);
+  box-shadow: inset 1px 1px transparentize(black, 0.9),
+              $widget_edge;
+  &:backdrop{
+    border-color: $backdrop_borders_color;
+    background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
+    box-shadow: 0 1px transparentize(white,1);
+  }
+}
+
 /**********
  * Frames *
  **********/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index e782702..28d67fd 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -1356,6 +1356,38 @@ GtkPopover GtkModelButton.button.radio:backdrop:active:insensitive {
       border-color: #a0a3a2;
       background-color: #393f3f; }
 
+/*****************
+ * Progress bars *
+ *****************/
+GtkProgressBar {
+  padding: 0;
+  font-size: 83%;
+  color: rgba(238, 238, 236, 0.4); }
+  GtkProgressBar:backdrop {
+    color: #a0a3a2; }
+
+.progressbar {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: #06121e;
+  background-color: #215d9c; }
+  .progressbar:backdrop {
+    border-color: #215d9c;
+    background-color: #215d9c; }
+
+GtkProgressBar.trough {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: #1c1f1f;
+  background-color: #2d3232;
+  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+  GtkProgressBar.trough:backdrop {
+    border-color: #1c1f1f;
+    background-color: #2e3333;
+    box-shadow: 0 1px rgba(255, 255, 255, 0); }
+
 /**********
  * Frames *
  **********/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 17ae4f0..2994b02 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -1356,6 +1356,38 @@ GtkPopover GtkModelButton.button.radio:backdrop:active:insensitive {
       border-color: #c7c7c7;
       background-color: #ededed; }
 
+/*****************
+ * Progress bars *
+ *****************/
+GtkProgressBar {
+  padding: 0;
+  font-size: 83%;
+  color: rgba(46, 52, 54, 0.4); }
+  GtkProgressBar:backdrop {
+    color: #c7c7c7; }
+
+.progressbar {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: #184472;
+  background-color: #4a90d9; }
+  .progressbar:backdrop {
+    border-color: #4a90d9;
+    background-color: #4a90d9; }
+
+GtkProgressBar.trough {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: #a1a1a1;
+  background-color: #cecece;
+  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
+  GtkProgressBar.trough:backdrop {
+    border-color: #a1a1a1;
+    background-color: #d2d2d2;
+    box-shadow: 0 1px rgba(255, 255, 255, 0); }
+
 /**********
  * Frames *
  **********/


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]