[gnome-themes-standard/wip/sass] initial stab at popovers
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard/wip/sass] initial stab at popovers
- Date: Thu, 15 May 2014 18:18:00 +0000 (UTC)
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]