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
author: lukefromdc <[email protected]> 2016-01-23 15:39:47 -0500
committer: Wolfgang Ulbrich <[email protected]> 2016-01-27 22:10:36 +0100
commit: 6b31f86159e2fccba4e365802ca4feae760cb0c8 (patch)
tree: 995c0b5112ed6026dc8e9aa0a3f5e3d16c15b6aa
parent: bd14eec03b5668785529f30adac330e2081bf275 (diff)
download: mate-themes-6b31f86159e2fccba4e365802ca4feae760cb0c8.tar.bz2
mate-themes-6b31f86159e2fccba4e365802ca4feae760cb0c8.tar.xz
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;
author	lukefromdc <[email protected]>	2016-01-23 15:39:47 -0500
committer	Wolfgang Ulbrich <[email protected]>	2016-01-27 22:10:36 +0100
commit	6b31f86159e2fccba4e365802ca4feae760cb0c8 (patch)
tree	995c0b5112ed6026dc8e9aa0a3f5e3d16c15b6aa
parent	bd14eec03b5668785529f30adac330e2081bf275 (diff)
download	mate-themes-6b31f86159e2fccba4e365802ca4feae760cb0c8.tar.bz2 mate-themes-6b31f86159e2fccba4e365802ca4feae760cb0c8.tar.xz