[gnome-themes-standard] action-bar: initial styling



commit 75dc638d1de97a57aac4b8b586c0d951d7f1c064
Author: Jakub Steiner <jimmac gmail com>
Date:   Sun Jun 1 16:48:10 2014 +0200

    action-bar: initial styling
    
    - seems to only work form the inspector live css :(

 themes/Adwaita/gtk-3.0/_common.scss           |   29 ++++++++++++++++++++----
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   22 +++++++++++++++---
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   22 +++++++++++++++---
 3 files changed, 60 insertions(+), 13 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 94db31c..c5a7e54 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -503,17 +503,37 @@ GtkComboBox {
 /************
  * Searbars *
  ************/
-
-.search-bar {
-  border-width: 0 0 1px;
+%inset-bar {
   border-style: solid;
   border-color: $borders_color;
   $_bg: mix(black, $bg_color, 4%);
   background-color: $_bg;
-  box-shadow: inset 0 1px 3px mix($borders_color, $_bg, 50%);
+  box-shadow: inset 0 1px 3px -2px mix($borders_color, $_bg, 60%);
+}
+
+.search-bar {
+  @extend %inset-bar;
+  border-width: 0 0 1px;
   padding: 4px;
 }
 
+/***************
+ * Action bars *
+ ***************/
+
+.action-bar {
+  @extend %inset-bar;
+  border-width: 1px 0 0 0;
+  padding: 6px;
+  .title {
+    font: Bold 11;
+    padding: 0 12px;
+  }
+  .subtitle {
+    font: 9;
+    padding: 0 12px;
+  }
+}
 
 /**************
  * Tree Views *
@@ -1053,7 +1073,6 @@ GtkProgressBar.trough {
   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{
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index a7c20c1..ff4c014 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -580,14 +580,29 @@ GtkComboBox {
 /************
  * Searbars *
  ************/
-.search-bar {
-  border-width: 0 0 1px;
+.search-bar, .action-bar {
   border-style: solid;
   border-color: #1c1f1f;
   background-color: #363c3c;
-  box-shadow: inset 0 1px 3px #292d2d;
+  box-shadow: inset 0 1px 3px -2px #262a2a; }
+
+.search-bar {
+  border-width: 0 0 1px;
   padding: 4px; }
 
+/***************
+ * Action bars *
+ ***************/
+.action-bar {
+  border-width: 1px 0 0 0;
+  padding: 6px; }
+  .action-bar .title {
+    font: Bold 11;
+    padding: 0 12px; }
+  .action-bar .subtitle {
+    font: 9;
+    padding: 0 12px; }
+
 /**************
  * Tree Views *
  **************/
@@ -1384,7 +1399,6 @@ GtkProgressBar.trough {
   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;
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 5681348..b5e1c23 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -580,14 +580,29 @@ GtkComboBox {
 /************
  * Searbars *
  ************/
-.search-bar {
-  border-width: 0 0 1px;
+.search-bar, .action-bar {
   border-style: solid;
   border-color: #a1a1a1;
   background-color: #e3e3e3;
-  box-shadow: inset 0 1px 3px #c2c2c2;
+  box-shadow: inset 0 1px 3px -2px #bbbbbb; }
+
+.search-bar {
+  border-width: 0 0 1px;
   padding: 4px; }
 
+/***************
+ * Action bars *
+ ***************/
+.action-bar {
+  border-width: 1px 0 0 0;
+  padding: 6px; }
+  .action-bar .title {
+    font: Bold 11;
+    padding: 0 12px; }
+  .action-bar .subtitle {
+    font: 9;
+    padding: 0 12px; }
+
 /**************
  * Tree Views *
  **************/
@@ -1384,7 +1399,6 @@ GtkProgressBar.trough {
   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;


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