Gtk+-3.20 BlackMate: Finish theming Caja and mate-panel

Finish theming Caja and mate-panel. In testing, watch for any accidental matches from widget chains causing nasty surprises in some other app I haven't had issues with this in my own theme but there are more widget chains used here. The length of them makes accidental matches much less likely, which is why I commented out those I deemed too short

1 files changed, 50 insertions, 75 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
index 075af4dd..035788aa 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
@@ -62,8 +62,8 @@ window.background>*>paned>box>box>button:hover:active {
 	border-image: url("assets/button-active-border-dark1.svg") 3 / 3px stretch;
 }
 
-CajaWindow column-header .button,
-CajaWindow column-header .button:hover {
+window.background>*>paned>box>paned>box>notebook>stack>box>box>scrolledwindow>*>treeview.view header button,
+window.background>*>paned>box>paned>box>notebook>stack>box>box>scrolledwindow>*>treeview.view header button:hover {
 	border-image: none;
 	border-width: 0px 0px 1px 1px;
 	border-radius: 0;
@@ -71,16 +71,18 @@ CajaWindow column-header .button:hover {
 	border-color: @less_dark_color;
 }
 
-CajaWindow .toolbar {
+/* Disable this is it as the defaults seem to march it and the widget chain is too short not to match something else */
+/*
+window.background>*>toolbar {
 	background-image: linear-gradient(to bottom,
 	                                  shade(@less_dark_color, 0.4),
 	                                  shade(@less_dark_color, 1.36));
 }
 
-CajaToolbar .toolbar {
+window.background>*>toolbar {
 	border-radius: 0px;
 }
-
+*/
 CajaWindow .scrollbar.slider:hover,
 CajaWindow .scrollbar.slider:hover:active,
 CajaWindow .scrollbar.slider.vertical:hover,
@@ -97,25 +99,25 @@ CajaWindow .scrollbar.button.vertical:disabled {
 	background-image: none;
 }
 
-CajaWindow GtkStatusbar,
-CajaWindow .floating-bar {
+window.background>*>paned>box>statusbar>frame>box>label/*,
+CajaWindow .floating-bar*/ {
 	font: italic;
 }
-
+/*
 CajaWindow .floating-bar.right,
 CajaWindow .floating-bar.left {
     border-top-right-radius: 3px;
     border-top-left-radius: 3px;
 }
-
+*/
 /**** Notebook ***/
 
-.caja-inactive-pane .notebook {
+.caja-inactive-pane notebook {
 	background-color: shade(@less_dark_color, 1.3);
 	border-color: @less_dark_color;
 }
 
-.caja-inactive-pane .notebook tab.top:active {
+.caja-inactive-pane notebook header.top tab:active {
 	background-image: linear-gradient(to bottom,
 	                                  shade(@less_dark_color, 1.05),
 	                                  shade(@less_dark_color, 1.16) 40%,
@@ -123,33 +125,30 @@ CajaWindow .floating-bar.left {
 	                                  shade(@less_dark_color, 1.3));
 }
 
-CajaWindow .notebook .view.rubberband,
-CajaWindow .notebook .rubberband {
-	background-color: alpha(@theme_selected_bg_color, 0.35);
-}
 
-CajaNavigationWindow GtkPaned.horizontal GtkPaned.horizontal .vertical .notebook tab {
+window.background>*>paned>box>paned.horizontal .vertical notebook tab {
 	padding: 3px 0px;
 }
 
-CajaNavigationWindow GtkPaned.horizontal GtkPaned.horizontal .vertical .notebook tab .button.flat {
+window.background>*>paned>box>paned.horizontal .vertical .notebook tab .button.flat {
     border-image: none;
 }
 
 /* Caja places bar */
-CajaWindow .button.flat {
+/* Disable this as it does not seem to change the default and the widget chain is dangerously short 
+window.background>*>paned>box>paned>box>box>button.flat {
     border-style: none;
     border-image: url("assets/primary-toolbar-button-active-border-dark.svg") 3 / 3px stretch;
     border-radius: 3px;
     padding: 2px 5px;
 }
 
-CajaWindow .button.flat:hover {
+window.background>*>paned>box>paned>box>box>button.flat:hover {
     border-image: none;
     border-radius: 3px;
     padding: 2px 5px;
 }
-
+*/
 /**** Sidebar ***/
 
 /* caja sidebar */
@@ -167,40 +166,14 @@ window.background*>paned>box>notebook>stack>scrolledwindow.frame treeview.view {
 	border-width: 0px;
 }
 
-CajaWindow .sidebar .scrollbar.button {
+window.background*>paned>box>notebook>stack>scrolledwindow scrollbar button {
 	color: transparent;
 }
 
-CajaWindow .sidebar .scrollbar.button:hover {
+window.background*>paned>box>notebook>stack>scrolledwindow scrollbar button:hover {
 	color: @theme_fg_color;
 }
 
-CajaPlacesSidebar .cell,
-CajaPlacesSidebar *.cell {
-	color: @theme_text_color;
-}
-
-CajaPlacesSidebar .cell:hover,
-CajaPlacesSidebar *.cell:hover {
-	color: @theme_text_color;
-}
-
-CajaPlacesSidebar .cell:selected,
-CajaPlacesSidebar *.cell:selected {
-	background-image: linear-gradient(to bottom,
-	                                  shade(@less_dark_color, 1.5),
-	                                  shade(@less_dark_color, 0.6));
-	color: @theme_text_color;
-	border-radius: 2px;
-}
-
-CajaPlacesSidebar .cell:selected:focus,
-CajaPlacesSidebar *.cell:selected:focus {
-	color: @theme_text_color;
-	background-image: linear-gradient(to top,
-					 shade(@less_dark_color, 1.5),
-					 shade(@less_dark_color, 0.6));
-}
 
 /**** Infos ***/
 
@@ -249,33 +222,33 @@ EelEditableLabel.entry {
 }
 
 /* view */
-CajaNavigationWindow.background .view.caja-canvas-item {
+window.background>*>paned>box>paned>box>notebook>stack>box>box>scrolledwindow.frame .view .caja-canvas-item {
     color: @theme_fg_color;
 }
 
-CajaNavigationWindow.background .view.caja-canvas-item:active,
-CajaNavigationWindow.background .view.caja-canvas-item:selected {
+window.background>*>paned>box>paned>box>notebook>stack>box>box>scrolledwindow.frame .view .caja-canvas-item:active,
+window.background>*>paned>box>paned>box>notebook>stack>box>box>scrolledwindow.frame.view .caja-canvas-item:selected {
     color: @theme_selected_fg_color;
 }
 
 /**** Desktop Drawn ***/
 
-CajaDesktopWindow.background .caja-canvas-item {
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item {
 	color: @theme_fg_color;
     text-shadow: 1px 1px alpha (#000000, 0.8);
 }
 
-CajaDesktopWindow.background .caja-canvas-item:active {
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item:active {
 	color: @theme_text_color;
 }
 
-CajaDesktopWindow.background .caja-canvas-item:selected {
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item:selected {
 	color: @theme_selected_fg_color;
 }
 
-CajaDesktopWindow.background .caja-canvas-item:active,
-CajaDesktopWindow.background .caja-canvas-item:hover,
-CajaDesktopWindow.background .caja-canvas-item:selected {
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item:active,
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item:hover,
+window>*>box>box>box>scrolledwindow>.view .caja-canvas-item:selected {
 	text-shadow: none;
 }
 
@@ -315,7 +288,7 @@ CajaDesktopWindow.background .caja-canvas-item:selected {
 }
 
 /* panel grip */
-PanelToplevel.background {
+.mate-panel-menu-bar.background {
     border-radius: 3px;
 /* enable for making borders visible */
 /*    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
@@ -360,6 +333,7 @@ PanelToplevel.background {
 	background-color:@theme_bg_color;
 }
 
+/*
 MatePanelApplet {
     border-width: 0;
 }
@@ -373,7 +347,7 @@ PanelSeparator {
     color: shade (@theme_fg_color, 0.45);
     text-shadow: none;
 }
-
+*/
 /* dictionary applet */
 GdictApplet .entry,
 GdictApplet .entry:focus {
@@ -464,12 +438,13 @@ dictionary */
 }
 
 /*Wncklist */
-WnckTasklist .button {
+.mate-panel-menu-bar button {
     transition: all 400ms ease-out;
     padding: 2px;
     border-radius: 3px;
     border-width: 1px;
     border-style: solid;
+	border-color:transparent;
     text-shadow: none;
     color: @theme_fg_color;
     background-image: -gtk-gradient (radial,
@@ -481,10 +456,10 @@ WnckTasklist .button {
                       to (shade(@button_gradient_color_b, 0.7)));
 }
 
-WnckTasklist .button:checked:hover,
-WnckTasklist .button:checked,
-WnckTasklist .button:active:hover,
-WnckTasklist .button:active {
+.mate-panel-menu-bar button:checked:hover,
+.mate-panel-menu-bar button:checked,
+.mate-panel-menu-bar button:active:hover,
+.mate-panel-menu-bar button:active {
     border-radius: 3px;
     color: @theme_fg_color;
     border-style: solid;
@@ -494,7 +469,7 @@ WnckTasklist .button:active {
                                       shade(@button_gradient_color_a, 1.5));
 }
 
-WnckTasklist .button:hover {
+.mate-panel-menu-bar button .button:hover {
     border-radius: 3px;
     border-image: none;
     border-style: solid;
@@ -507,7 +482,7 @@ WnckTasklist .button:hover {
 }
 
 /* set normal button WnckSelector */
-WnckSelector.menubar .menuitem {
+.mate-panel-menu-bar button menubar menuitem {
     border-radius: 3px;
     color: @theme_fg_color;
     border-style: solid;
@@ -515,7 +490,7 @@ WnckSelector.menubar .menuitem {
 }
 
 /* set selected button WnckSelector */
-WnckSelector.menubar .menuitem:hover {
+.mate-panel-menu-bar button menubar menuitem:hover {
     color: @theme_fg_color;
     border-style: solid;
     background-image: linear-gradient(to bottom,
@@ -525,7 +500,7 @@ WnckSelector.menubar .menuitem:hover {
 }
 
 /* set WnckSelector menuitem */
-WnckSelector.menubar .menu .menuitem {
+.mate-panel-menu-bar button menubar menuitem {
     background-image:  none;
     color: @theme_text_color;
     border-style: none;
@@ -534,7 +509,7 @@ WnckSelector.menubar .menu .menuitem {
 }
 
 /* set WnckSelector selected menuitem */
-WnckSelector.menubar .menu .menuitem:hover {
+.mate-panel-menu-bar button menubar menuitem:hover {
     border-image: none;
     color: @theme_fg_color;
     background-image: linear-gradient(to bottom,
@@ -542,13 +517,13 @@ WnckSelector.menubar .menu .menuitem:hover {
                                       shade(@theme_selected_bg_color, 0.5));
 }
 
-ClockBox,
+#clock-applet-button,
 .mate-panel-menu-bar.menubar,
 MatePanelApplet > GtkMenuBar.menubar {
     font: normal;
 }
-
-WnckPager {
+/*WnckPager is unnamed in GTK inspector so try this*/
+#PanelPlug>#PanelApplet * {
     background-image: none;
     border-color: transparent;
     background-color: transparent;
@@ -556,14 +531,14 @@ WnckPager {
 }
 
 /* selected WnckPager */
-WnckPager:selected {
+#PanelPlug>#PanelApplet *:selected {
     background-image: linear-gradient(to bottom,
                                       @theme_selected_bg_color,
                                       shade (@theme_selected_bg_color, 0.36));
 }
 
 /* prelight of WnckPager */
-WnckPager:hover {
+#PanelPlug>#PanelApplet *:hover {
     background-image: linear-gradient(to bottom,
                                       @theme_bg_color,
                                       shade (@theme_selected_bg_color, 0.86));
@@ -591,7 +566,7 @@ MatePanelApplet .horizontal .vertical .frame {
     border-style: none;
     border-radius: 5px;
 }
-
+/*These seem to work, tray did not come up in GtkInspector so don't know why*/
 /* no background for icon-padding area */
 GtkTrayIcon.background {
     background-color: transparent;