[gnome-themes-standard] menu rewrite
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] menu rewrite
- Date: Tue, 10 Jun 2014 15:09:39 +0000 (UTC)
commit e3c5b702f68e92677bcc1719cc91bef70ecad567
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Tue Jun 10 17:06:19 2014 +0200
menu rewrite
themes/Adwaita/gtk-3.0/_common.scss | 35 ++++++++---------
themes/Adwaita/gtk-3.0/gtk-contained-dark.css | 51 ++++++++++++-------------
themes/Adwaita/gtk-3.0/gtk-contained.css | 51 ++++++++++++-------------
3 files changed, 66 insertions(+), 71 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 75e5ad7..7b5ded2 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -658,45 +658,42 @@ column-header { // FIXME: something better
* Menus *
*********/
.menubar {
- padding: 2px;
- .menuitem { // menubar only
- background-color: $bg_color;
+ padding: 0px;
+ background-color: mix($fg_color,$bg_color,5%); //Uhm?
+ &:backdrop { background-color: $backdrop_bg_color; }
+ & > .menuitem {
padding: 4px 8px;
- border-radius: 0;
- &:hover, &:active {
- border-width: 0 0 3px;
- border-style: solid;
- border-color: $selected_bg_color;
+ &:hover { //Seems like it :hover even with keyboard focus
+ box-shadow: inset 0 -3px $selected_bg_color;
+ color: $selected_bg_color;
}
&:insensitive {
color: $insensitive_fg_color;
+ box-shadow: none;
}
}
}
.menu {
- .menuitem { // menubar only
- background-color: $base_color;
+ padding: 0px;
+ background-color: $base_color;
+ border: 1px solid $borders_color;
+ .menuitem {
padding: 4px;
- border-radius: 0;
&:hover {
- border: none;
color: $selected_fg_color;
background-color: $selected_bg_color;
}
- &:active {
- border: none;
- color: $selected_fg_color;
- background-color: if($variant=='light', darken($selected_bg_color, 10%), darken($selected_bg_color,
5%));
+ &:backdrop, &:backdrop:hover {
+ color: $backdrop_fg_color;
+ background-color: $backdrop_base_color;
}
&.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } // submenu indicators
}
- .separator {
- color: transparentize($borders_color,0.8);
- }
}
+
/***************
* Popovers *
***************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index e8a5022..afd1642 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -726,34 +726,33 @@ column-header .button:backdrop {
* Menus *
*********/
.menubar {
- padding: 2px; }
- .menubar .menuitem {
- background-color: #393f3f;
- padding: 4px 8px;
- border-radius: 0; }
- .menubar .menuitem:hover, .menubar .menuitem:active {
- border-width: 0 0 3px;
- border-style: solid;
- border-color: #215d9c; }
- .menubar .menuitem:insensitive {
- color: #939695; }
+ padding: 0px;
+ background-color: #424747; }
+ .menubar:backdrop {
+ background-color: #393f3f; }
+ .menubar > .menuitem {
+ padding: 4px 8px; }
+ .menubar > .menuitem:hover {
+ box-shadow: inset 0 -3px #215d9c;
+ color: #215d9c; }
+ .menubar > .menuitem:insensitive {
+ color: #939695;
+ box-shadow: none; }
-.menu .menuitem {
+.menu {
+ padding: 0px;
background-color: #333333;
- padding: 4px;
- border-radius: 0; }
- .menu .menuitem:hover {
- border: none;
- color: white;
- background-color: #215d9c; }
- .menu .menuitem:active {
- border: none;
- color: white;
- background-color: #1c5187; }
- .menu .menuitem.arrow {
- -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
-.menu .separator {
- color: rgba(28, 31, 31, 0.2); }
+ border: 1px solid #1c1f1f; }
+ .menu .menuitem {
+ padding: 4px; }
+ .menu .menuitem:hover {
+ color: white;
+ background-color: #215d9c; }
+ .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover {
+ color: #c9cbc9;
+ background-color: #262626; }
+ .menu .menuitem.arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
/***************
* Popovers *
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index b3538eb..de59b58 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -726,34 +726,33 @@ column-header .button:backdrop {
* Menus *
*********/
.menubar {
- padding: 2px; }
- .menubar .menuitem {
- background-color: #ededed;
- padding: 4px 8px;
- border-radius: 0; }
- .menubar .menuitem:hover, .menubar .menuitem:active {
- border-width: 0 0 3px;
- border-style: solid;
- border-color: #4a90d9; }
- .menubar .menuitem:insensitive {
- color: #8d9091; }
+ padding: 0px;
+ background-color: #e3e3e3; }
+ .menubar:backdrop {
+ background-color: #ededed; }
+ .menubar > .menuitem {
+ padding: 4px 8px; }
+ .menubar > .menuitem:hover {
+ box-shadow: inset 0 -3px #4a90d9;
+ color: #4a90d9; }
+ .menubar > .menuitem:insensitive {
+ color: #8d9091;
+ box-shadow: none; }
-.menu .menuitem {
+.menu {
+ padding: 0px;
background-color: white;
- padding: 4px;
- border-radius: 0; }
- .menu .menuitem:hover {
- border: none;
- color: white;
- background-color: #4a90d9; }
- .menu .menuitem:active {
- border: none;
- color: white;
- background-color: #2a76c6; }
- .menu .menuitem.arrow {
- -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
-.menu .separator {
- color: rgba(161, 161, 161, 0.2); }
+ border: 1px solid #a1a1a1; }
+ .menu .menuitem {
+ padding: 4px; }
+ .menu .menuitem:hover {
+ color: white;
+ background-color: #4a90d9; }
+ .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover {
+ color: #54595a;
+ background-color: #fcfcfc; }
+ .menu .menuitem.arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
/***************
* Popovers *
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]