[gnome-themes-standard/wip/sass] initial stab at popovers



commit 4bb69755d65e6651b7287e4f9267f612119751cb
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu May 15 20:17:44 2014 +0200

    initial stab at popovers

 themes/Adwaita/gtk-3.0/_common.scss           |   72 ++++++++++++++++++++++++-
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   47 ++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   51 +++++++++++++++++-
 themes/Adwaita/gtk-3.0/gtk-contained.scss     |    2 +-
 4 files changed, 168 insertions(+), 4 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index e22fbea..507c3d4 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -239,7 +239,6 @@ GtkGrid:insensitive {
   &:backdrop:insensitive {
     @include button_insensitive(transparentize($theme_bg_color,0.5));
   }
-  
   /* Suggested and Destructive Action buttons */
   @each $b_type, $b_color in  (suggested-action, $theme_selected_bg_color), 
                               (destructive-action, $destructive_color) {
@@ -270,6 +269,38 @@ GtkGrid:insensitive {
   }
 }
 
+/* menu/popover buttons */
+.menuitem.button, {
+  color: $theme_fg_color;
+  background-color: transparent;
+  background-image: none;
+  border-color: transparent;
+  border-image: none;
+  border-style: none;
+  box-shadow: none;
+  &:active,
+  &:insensitive,
+  &:active:insensitive {
+    @extend .menuitem.button;
+  }
+  &:backdrop,
+  &:hover:backdrop,
+  &:insensitive:backdrop,
+  &:active:insensitive:backdrop,
+  &:active:backdrop,
+  &:active:hover:backdrop,
+  &:active:selected:backdrop {
+      text-shadow: none;
+      icon-shadow: none;
+      color: $insensitive_fg_color;
+      background-color: $insensitive_bg_color;
+      background-image: none;
+      border: none;
+      box-shadow: none;
+  }
+}
+
+// Window Close button
 .button.titlebutton {
   padding: 9px;
   border-width: 0;
@@ -401,6 +432,45 @@ GtkComboBox {
 }
 
 /***************
+ * Popovers   *
+ ***************/
+
+GtkPopover {
+    border-radius: 5px;
+    background-clip: border-box;
+    /*
+    background-color: @osd_popover_bg;
+    */
+    background-color: $theme_bg_color;
+
+    border-color: darken($theme_bg_color, 30%);
+    border-width: 1px;
+    border-style: solid;
+
+    box-shadow: 0 2px 3px $theme_shade;
+    margin: 10px;
+    padding: 2px;
+    &:backdrop {
+      box-shadow: none;
+    }
+    & > .list,
+    & > .view,
+    & > .toolbar {
+      background-color: transparent;
+    }
+    .separator {
+      font-size: 80%;
+      font-weight: bold;
+      color: transparentize($theme_fg_color,0.4);
+      text-shadow: none;
+      background-color: transparent;
+      icon-shadow: none;
+      border: 0;
+    }
+}
+
+
+/***************
  * WM Stuff    *
  ***************/
 
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index 2c36aee..1334fd1 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -328,6 +328,24 @@ GtkGrid:insensitive {
     .spinbutton.vertical .button.destructive-action GtkLabel:backdrop:insensitive {
       color: rgba(255, 255, 255, 0.5); }
 
+/* menu/popover buttons */
+.menuitem.button, .menuitem.button:active, .menuitem.button:insensitive, .menuitem.button:active:insensitive 
{
+  color: #eeeeec;
+  background-color: transparent;
+  background-image: none;
+  border-color: transparent;
+  border-image: none;
+  border-style: none;
+  box-shadow: none; }
+  .menuitem.button:backdrop, .menuitem.button:backdrop:active:insensitive, .menuitem.button:hover:backdrop, 
.menuitem.button:insensitive:backdrop, .menuitem.button:active:insensitive:backdrop, 
.menuitem.button:active:backdrop, .menuitem.button:active:hover:backdrop, 
.menuitem.button:active:selected:backdrop {
+    text-shadow: none;
+    icon-shadow: none;
+    color: white;
+    background-color: transparent;
+    background-image: none;
+    border: none;
+    box-shadow: none; }
+
 .button.titlebutton {
   padding: 9px;
   border-width: 0;
@@ -427,6 +445,35 @@ GtkComboBox {
   /* FIXME doesn't work */ }
 
 /***************
+ * Popovers   *
+ ***************/
+GtkPopover {
+  border-radius: 5px;
+  background-clip: border-box;
+  /*
+  background-color: @osd_popover_bg;
+  */
+  background-color: #393f3f;
+  border-color: black;
+  border-width: 1px;
+  border-style: solid;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
+  margin: 10px;
+  padding: 2px; }
+  GtkPopover:backdrop {
+    box-shadow: none; }
+  GtkPopover > .list, GtkPopover > .view, GtkPopover > .toolbar {
+    background-color: transparent; }
+  GtkPopover .separator {
+    font-size: 80%;
+    font-weight: bold;
+    color: rgba(238, 238, 236, 0.6);
+    text-shadow: none;
+    background-color: transparent;
+    icon-shadow: none;
+    border: 0; }
+
+/***************
  * WM Stuff    *
  ***************/
 .window-frame {
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index ab93940..6d01283 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -328,6 +328,24 @@ GtkGrid:insensitive {
     .spinbutton.vertical .button.destructive-action GtkLabel:backdrop:insensitive {
       color: rgba(116, 132, 137, 0.5); }
 
+/* menu/popover buttons */
+.menuitem.button, .menuitem.button:active, .menuitem.button:insensitive, .menuitem.button:active:insensitive 
{
+  color: #2e3436;
+  background-color: transparent;
+  background-image: none;
+  border-color: transparent;
+  border-image: none;
+  border-style: none;
+  box-shadow: none; }
+  .menuitem.button:backdrop, .menuitem.button:backdrop:active:insensitive, .menuitem.button:hover:backdrop, 
.menuitem.button:insensitive:backdrop, .menuitem.button:active:insensitive:backdrop, 
.menuitem.button:active:backdrop, .menuitem.button:active:hover:backdrop, 
.menuitem.button:active:selected:backdrop {
+    text-shadow: none;
+    icon-shadow: none;
+    color: #748489;
+    background-color: transparent;
+    background-image: none;
+    border: none;
+    box-shadow: none; }
+
 .button.titlebutton {
   padding: 9px;
   border-width: 0;
@@ -398,7 +416,7 @@ GtkComboBox {
   border-radius: 7px 7px 0 0;
   background-color: transparent;
   background-image: linear-gradient(to bottom, #f2f2f2, #e0e0e0);
-  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.05);
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.05);
   padding: 6px; }
   .header-bar:backdrop {
     background-image: none;
@@ -419,7 +437,7 @@ GtkComboBox {
     border-image: -gtk-scaled(url("assets/header-separator.png"), url("assets/header-separator 2 png")) 0 1 
0 1/0 1px 0 1px stretch; }
   .header-bar.selection-mode {
     color: #3e78b6;
-    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
     background-image: linear-gradient(to bottom, #85acd5, #7aa4d2); }
 
 .window-frame.tiled .header-bar {
@@ -427,6 +445,35 @@ GtkComboBox {
   /* FIXME doesn't work */ }
 
 /***************
+ * Popovers   *
+ ***************/
+GtkPopover {
+  border-radius: 5px;
+  background-clip: border-box;
+  /*
+  background-color: @osd_popover_bg;
+  */
+  background-color: #ededed;
+  border-color: #a1a1a1;
+  border-width: 1px;
+  border-style: solid;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
+  margin: 10px;
+  padding: 2px; }
+  GtkPopover:backdrop {
+    box-shadow: none; }
+  GtkPopover > .list, GtkPopover > .view, GtkPopover > .toolbar {
+    background-color: transparent; }
+  GtkPopover .separator {
+    font-size: 80%;
+    font-weight: bold;
+    color: rgba(46, 52, 54, 0.6);
+    text-shadow: none;
+    background-color: transparent;
+    icon-shadow: none;
+    border: 0; }
+
+/***************
  * WM Stuff    *
  ***************/
 .window-frame {
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.scss b/themes/Adwaita/gtk-3.0/gtk-contained.scss
index 1d2c53d..1cce529 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.scss
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.scss
@@ -13,7 +13,7 @@ $theme_fg_color: #2e3436;
 $theme_selected_fg_color: #ffffff;
 $theme_selected_bg_color: #729fcf;
 $borders_edge: transparentize($theme_base_color,0.95);
-$theme_shade: rgba(0,0,0,.1); //shadow seems to be a reserved word
+$theme_shade: rgba(0,0,0,.5); //shadow seems to be a reserved word
 $wm_shadow: transparentize(black, 0.25);
 
 $link_color: lighten($theme_selected_bg_color,10%);


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