[gnome-themes-standard/wip/sass] sidebar: basics

[Jakub Steiner <jimmac src gnome org>]

commit 452573994a24277db358141e6ff432bfc73e56e3
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Jun 5 19:23:24 2014 +0200

    sidebar: basics

 themes/Adwaita/gtk-3.0/_common.scss           |   24 ++++++++++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   22 ++++++++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   22 ++++++++++++++++++++++
 3 files changed, 68 insertions(+), 0 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 46ac505..5426bb0 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -1286,6 +1286,30 @@ GtkMessageDialog {
   %last_button { border-style: solid none none solid; }
 }
 
+/***********
+ * Sidebar *
+ ***********/
+
+.sidebar,
+.sidebar .view {
+  $_sidebar_bg: lighten($bg_color,5%);
+  background-color: $_sidebar_bg;
+  .scrollbar {
+    &.trough {
+      background-color: darken($bg_color,10%); 
+      border-radius: 6px;
+      border-width: 2px;
+      border-color: transparent;
+    }
+    &.slider { 
+      background-color: $_sidebar_bg;
+      &:hover { background-color: lighten($bg_color, 10%); }
+    }
+  }
+  &:selected {
+    background-color: $selected_bg_color;
+  }
+}
 
 /**********************
  * Window Decorations *
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index 04945cc..d539a26 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -1436,6 +1436,28 @@ GtkMessageDialog {
 .dialog-action-area.linked .button:last-child {
   border-style: solid none none solid; }
 
+/***********
+ * Sidebar *
+ ***********/
+.sidebar,
+.sidebar .view {
+  background-color: #454c4c; }
+  .sidebar .scrollbar.trough,
+  .sidebar .view .scrollbar.trough {
+    background-color: #212424;
+    border-radius: 6px;
+    border-width: 2px;
+    border-color: transparent; }
+  .sidebar .scrollbar.slider,
+  .sidebar .view .scrollbar.slider {
+    background-color: #454c4c; }
+    .sidebar .scrollbar.slider:hover,
+    .sidebar .view .scrollbar.slider:hover {
+      background-color: #515a5a; }
+  .sidebar:selected,
+  .sidebar .view:selected {
+    background-color: #215d9c; }
+
 /**********************
  * Window Decorations *
  *********************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 909900a..1c0897b 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -1436,6 +1436,28 @@ GtkMessageDialog {
 .dialog-action-area.linked .button:last-child {
   border-style: solid none none solid; }
 
+/***********
+ * Sidebar *
+ ***********/
+.sidebar,
+.sidebar .view {
+  background-color: #fafafa; }
+  .sidebar .scrollbar.trough,
+  .sidebar .view .scrollbar.trough {
+    background-color: lightgray;
+    border-radius: 6px;
+    border-width: 2px;
+    border-color: transparent; }
+  .sidebar .scrollbar.slider,
+  .sidebar .view .scrollbar.slider {
+    background-color: #fafafa; }
+    .sidebar .scrollbar.slider:hover,
+    .sidebar .view .scrollbar.slider:hover {
+      background-color: white; }
+  .sidebar:selected,
+  .sidebar .view:selected {
+    background-color: #4a90d9; }
+
 /**********************
  * Window Decorations *
  *********************/