css: fix selectors

The way to specify gtk widgets has changed with the switch to
css nodes
https://phabricator.endlessm.com/T11000

1 files changed, 18 insertions, 18 deletions

diff --git a/data/css/endless-widgets.css b/data/css/endless-widgets.css
index 797ba2b..c404c82 100644
--- a/data/css/endless-widgets.css
+++ b/data/css/endless-widgets.css
@@ -1,7 +1,7 @@
 /* Wipe all theming CSS to start with. We'll leave the adwaita theme for
  * spinner.*/
 EosWindow,
-EosWindow :not(GtkSpinner) {
+EosWindow :not(spinner) {
     all: unset;
 }
 
@@ -10,7 +10,7 @@ EosWindow :not(GtkSpinner) {
 
 /* Insensitive Text */
 
-.menu GtkLabel:insensitive {
+menu label:disabled {
     color: rgba(255, 255, 255, 0.5);
 }
 
@@ -60,18 +60,18 @@ EosWindow .titlebar:backdrop {
         from(#282828), to(#1e1e1e));
 }
 
-EosWindow .titlebar .button {
+EosWindow .titlebar button {
     border-radius: 2px;
     color: #8c8c8c;
     icon-shadow: 0px -1px alpha(black, 0.25);
     padding: 4px;
 }
 
-EosWindow .titlebar .button:backdrop {
+EosWindow .titlebar button:backdrop {
     color: #646464;
 }
 
-EosWindow .titlebar .button:hover {
+EosWindow .titlebar button:hover {
     color: #dcdcdc;
     icon-shadow: 0px -1px alpha(black, 0.35);
     background-image: -gtk-gradient(linear, left bottom, left top,
@@ -80,7 +80,7 @@ EosWindow .titlebar .button:hover {
         color-stop(0, rgb(68, 68, 68)));
 }
 
-EosWindow .titlebar .button:active {
+EosWindow .titlebar button:active {
     color: #787878;
     icon-shadow: none;
     background-image: -gtk-gradient(linear, left bottom, left top,
@@ -150,7 +150,7 @@ EosWindow .titlebar .endless-search-box {
     /*border-image: linear-gradient(to bottom, #262626, #515151) 1 1 stretch;*/
 }
 
-EosWindow .titlebar .endless-search-box.image {
+EosWindow .titlebar .endless-search-box image {
     color: #919191;
 }
 
@@ -159,7 +159,7 @@ EosWindow .titlebar .endless-search-box:selected {
     background-color: #eeeeec;
 }
 
-.endless-search-box .frame {
+.endless-search-box frame {
     background-color: #f5f5f5;
     padding: 7px;
     border-radius: 4px;
@@ -185,7 +185,7 @@ EosWindow .titlebar .endless-search-box:selected {
  * as it is making our auto-complete results too big if there is only one
  * entry. This is a bug in GTK
  */
-.scrollbar {
+scrollbar {
     -GtkScrollbar-min-slider-length: 28;
 }
 
@@ -203,41 +203,41 @@ EosWindow .titlebar .endless-search-box:selected {
  * Themeing for context menus, to get Adwaita look
  * FIXME: Really gross to be recreating all this Adwaita theme here.
  * Unfortunately even the :not pseudo-selector won't allow you to select all
- * items whose ancestor isn't a .menuitem, because if one ancestor is a
- * .menuitem then another ancestor is likely not. So at least some of the below
+ * items whose ancestor isn't a menuitem, because if one ancestor is a
+ * menuitem then another ancestor is likely not. So at least some of the below
  * rules will always be necessary.
  */
 @define-color endless_menu_fg_color #2e3436;
 @define-color endless_menu_bg_color shade (#ededed, 1.1);
 
-.menu {
+.context-menu {
     font: initial;
     color: @endless_menu_fg_color;
     background-color: @endless_menu_bg_color;
 }
 
-.menu .menuitem {
+.context-menu menuitem {
     padding: 4px;
     -GtkMenuItem-arrow-scaling: 0.4;
 }
 
-.menu .menuitem:active,
-.menu .menuitem:hover {
+.context-menu menuitem:active,
+.context-menu menuitem:hover {
     color: #ffffff;
     background-color: #4a90d9;
 }
 
-.menu .menuitem *:insensitive {
+.context-menu menuitem *:disabled {
     color: mix (@endless_menu_fg_color, @endless_menu_bg_color, 0.6);
 }
 
-.menu .menuitem.separator {
+.context-menu separator {
     color: mix (@endless_menu_fg_color, @endless_menu_bg_color, 0.9);
     -GtkMenuItem-horizontal-padding: 0;
 }
 
 /* Changes for composite TVs */
 
-.composite .header-bar .entry {
+.composite headerbar entry {
       font-size: 18px;
   }