summaryrefslogtreecommitdiff
path: root/desktop-themes/BlackMATE
diff options
context:
space:
mode:
authorlukefromdc <[email protected]>2016-01-23 15:39:47 -0500
committerWolfgang Ulbrich <[email protected]>2016-01-27 22:10:36 +0100
commit6b31f86159e2fccba4e365802ca4feae760cb0c8 (patch)
tree995c0b5112ed6026dc8e9aa0a3f5e3d16c15b6aa /desktop-themes/BlackMATE
parentbd14eec03b5668785529f30adac330e2081bf275 (diff)
downloadmate-themes-6b31f86159e2fccba4e365802ca4feae760cb0c8.tar.bz2
mate-themes-6b31f86159e2fccba4e365802ca4feae760cb0c8.tar.xz
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
Diffstat (limited to 'desktop-themes/BlackMATE')
-rw-r--r--desktop-themes/BlackMATE/gtk-3.0/mate-applications.css125
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;