From 6b31f86159e2fccba4e365802ca4feae760cb0c8 Mon Sep 17 00:00:00 2001 From: lukefromdc Date: Sat, 23 Jan 2016 15:39:47 -0500 Subject: 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 --- .../BlackMATE/gtk-3.0/mate-applications.css | 125 +++++++++------------ 1 file changed, 50 insertions(+), 75 deletions(-) (limited to 'desktop-themes') 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; -- cgit v1.2.1