Menta themes GTK3: re-work panel settings to have 100% transparency

author: raveit65 <[email protected]> 2015-05-25 11:28:49 +0200
committer: raveit65 <[email protected]> 2015-05-25 11:30:41 +0200
commit: 01c7549b3764a2181f4febd186c1679fed4b6efe (patch)
tree: 022f4ad38548369710b91286cd94302418ed54f2 /desktop-themes
parent: 862f713ba047dbf8d164d4738f302bc74f14af67 (diff)
download: mate-themes-01c7549b3764a2181f4febd186c1679fed4b6efe.tar.bz2
mate-themes-01c7549b3764a2181f4febd186c1679fed4b6efe.tar.xz
2 files changed, 124 insertions, 125 deletions
diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
index 58ac23ae..d63c872b 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -320,37 +320,60 @@ CajaQueryEditor .button {
 ****************/
 
 /* the panel bar itself */
-.mate-panel-menu-bar,
-MatePanelApplet > GtkMenuBar.menubar,
-PanelToplevel,
-PanelWidget,
-PanelFrame,
-PanelAppletFrame,
-MatePanelAppletFrameDBus,
-MatePanelAppletContainer,
-MatePanelApplet {
+.mate-panel-menu-bar {
 background-color: @theme_bg_color;
 background-image: none;
+ /* normal panel */
 color: @theme_fg_color;
+ /* transparent panel */
+/* color: @theme_selected_fg_color; */
 text-shadow: none;
 }
 
+/* first make all transparent */
+WnckSelector.menubar,
+MatePanelApplet GtkToggleButton.button {
+ border-image: none;
+ background-image: none;
+}
+
+/* dictionary applet */
+GdictApplet .entry {
+ /* normal panel */
+ color: @theme_fg_color;
+ /* transparent panel */
+/* color: @theme_selected_fg_color; */
+ background-image: none;
+ background-color: transparent;
+ border-width: 1px;
+ padding: 3px 4px;
+}
+
 MatePanelApplet {
 border-width: 0;
 }
 
+MatePanelAppletFrameDBus PanelSeparator,
 PanelSeparator {
 border-width: 0;
- background-image: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_bg_color, 1.03)),
- to (shade (@theme_bg_color, 0.95)));
+ background-color: @theme_fg_color;
 color: shade (@theme_fg_color, 4.30);
 text-shadow: none;
 }
 
+/* the grid left from wnckpager and wncktasklist */
+MatePanelAppletFrameDBus {
+ background-image: -gtk-scaled(url("assets/panel-grig.svg"));
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: left;
+}
+
+/* main menu */
 /* set normal menubar button */
 PanelMenuBar.menubar .menuitem {
 transition: all 200ms ease-out;
+ text-shadow: none;
 }
 
 /* set selected menubar button */
@@ -358,7 +381,6 @@ PanelMenuBar.menubar .menuitem:hover {
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 0.86),
 shade (@theme_selected_bg_color, 0.26));
- background-color: @theme_base_color;
 color: shade (@theme_selected_fg_color, 1.00);
 text-shadow: none;
 border-style: solid;
@@ -382,7 +404,6 @@ PanelMenuBar.menubar .menu .menuitem {
 PanelMenuBar.menubar .menu .menuitem:checked:hover,
 PanelMenuBar.menubar .menu .menuitem:active:hover,
 PanelMenuBar.menubar .menu .menuitem:hover {
- background-color: @theme_selected_bg_color;
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 1.0),
 shade (@theme_selected_bg_color, 0.85));
@@ -393,6 +414,8 @@ PanelMenuBar.menubar .menu .menuitem:hover {
 border-radius: 0px;
 }
 
+/* mate menu */
+
 /* Mate menu button hover */
 PanelMenuButton.button:hover {
 color: shade (@theme_selected_bg_color, 1.00);
@@ -415,8 +438,8 @@ MatePanelApplet .button,
 MatePanelApplet .button.flat {
 transition: all 400ms ease-out;
 background-image: none;
- background-color: @theme_bg_color;
- color: @theme_text_color;
+ background-color: transparent;
+/* color: @theme_selected_fg_color;*/
 border-image: none;
 border-style: solid;
 border-width: 0px;
@@ -426,18 +449,18 @@ MatePanelApplet .button.flat {
 padding: 4px 4px 4px 4px;
 }
 
-MatePanelApplet .button:checked:hover,
 MatePanelApplet .button:checked,
-MatePanelApplet .button:active:hover,
 MatePanelApplet .button:active,
-MatePanelApplet .button.flat:checked:hover,
+MatePanelApplet .button:checked:hover,
+MatePanelApplet .button:active:hover,
 MatePanelApplet .button.flat:checked,
-MatePanelApplet .button.flat:active:hover,
-MatePanelApplet .button.flat:active {
+MatePanelApplet .button.flat:active,
+MatePanelApplet .button.flat:checked:hover,
+MatePanelApplet .button.flat:active:hover {
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 0.86),
 shade (@theme_selected_bg_color, 0.26));
- background-color: @theme_base_color;
+ background-color: transparent;
 color: shade (@theme_selected_fg_color, 1.00);
 border-image: none;
 border-style: solid;
@@ -453,7 +476,7 @@ MatePanelApplet .button.flat:hover {
 background-image: linear-gradient(to bottom,
 @theme_bg_color,
 shade (@theme_selected_bg_color, 0.86));
- background-color: @theme_base_color;
+ background-color: transparent;
 color: shade (@theme_text_color, 1.0);
 border-image: none;
 border-style: solid;
@@ -470,8 +493,8 @@ WnckTasklist .button {
 background-image: linear-gradient(to bottom,
 shade (@theme_bg_color, 1.0),
 shade (@theme_bg_color, 0.96));
- background-color: @theme_base_color;
- color: @theme_text_color;
+ background-color: transparent;
+/* color: @theme_selected_fg_color;*/
 border-image: none;
 border-style: solid;
 border-width: 0px;
@@ -487,7 +510,7 @@ WnckTasklist .button:active {
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 0.86),
 shade (@theme_selected_bg_color, 0.26));
- background-color: @theme_base_color;
+ background-color: transparent;
 color: shade (@theme_selected_fg_color, 1.00);
 border-image: none;
 border-style: solid;
@@ -502,7 +525,7 @@ WnckTasklist .button.flat:hover {
 background-image: linear-gradient(to bottom,
 @theme_bg_color,
 shade (@theme_selected_bg_color, 0.86));
- background-color: @theme_base_color;
+ background-color: transparent;
 color: shade (@theme_text_color, 1.0);
 border-image: none;
 border-style: solid;
@@ -512,32 +535,19 @@ WnckTasklist .button.flat:hover {
 -GtkWidget-window-dragging: true;
 }
 
-/* set normal button WnckSelector */
-/* FIXME , gtk-inspector said it's gnome! */
-.gnome-panel-window-menu-menu-bar .menuitem,
-MatePanelApplet > WnckSelector.menubar .menuitem {
- background-image: none;
- background-color: @theme_bg_color;
- border-style: solid;
- border-width: 0px;
- border-radius: 0px;
-}
-
 /* set selected button WnckSelector */
-.gnome-panel-window-menu-menu-bar .menuitem:hover,
-MatePanelApplet > WnckSelector.menubar .menuitem:hover {
+WnckSelector.menubar .menuitem:hover {
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 0.86),
 shade (@theme_selected_bg_color, 0.26));
- background-color: @theme_base_color;
+ background-color: transparent;
 border-style: solid;
 border-width: 0px;
 border-radius: 5px;
 }
 
 /* set WnckSelector normal menuitem */
-.gnome-panel-window-menu-menu-bar .menu .menuitem,
-MatePanelApplet > WnckSelector.menubar .menu .menuitem {
+WnckSelector.menubar .menu .menuitem {
 background-color: @menu_bg_color;
 background-image: none;
 color: shade (@theme_fg_color, 1.00);
@@ -545,27 +555,25 @@ MatePanelApplet > WnckSelector.menubar .menu .menuitem {
 }
 
 /* set WnckSelector selected menuitem */
-.gnome-panel-window-menu-menu-bar .menu .menuitem:hover,
-MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover {
- background-color: @theme_selected_bg_color;
+WnckSelector.menubar .menu .menuitem:hover {
+ background-color: transparent;
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 1.0),
 shade (@theme_selected_bg_color, 0.85));
 color: shade (@theme_selected_fg_color, 1.00);
 text-shadow: none;
+ border-radius: 0px;
 }
 
-/* set WnckSelector menuitem separator */
-.gnome-panel-window-menu-menu-bar .menu .menuitem.separator,
-MatePanelApplet > WnckSelector.menubar .menu .menuitem.separator {
+/* set WnckSelector menuitem separator */WnckSelector.menubar .menu .menuitem.separator {
 color: @menu_separator;
 -GtkMenuItem-horizontal-padding: 0;
 }
 
 WnckPager {
 background-image: none;
- border-color: @transparent;
- background-color: @theme_bg_color;
+ border-color: transparent;
+ background-color: transparent;
 }
 
 /* prelight of WnckPager */
@@ -592,12 +600,6 @@ NaTrayApplet {
 -PanelMenuBar-icon-visible: true;
 }
 
-/* Makes the text color on the light panel black */
-.mate-panel-menu-bar .menuitem {
- color: @theme_fg_color;
- text-shadow: none;
-}
-
 /****************
 * Mate-Terminal *
 ****************/
diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css
index 1532a7e3..9fa992a4 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -322,37 +322,60 @@ CajaQueryEditor .button {
 ****************/
 
 /* the panel bar itself */
-.mate-panel-menu-bar,
-MatePanelApplet > GtkMenuBar.menubar,
-PanelToplevel,
-PanelWidget,
-PanelFrame,
-PanelAppletFrame,
-MatePanelAppletFrameDBus,
-MatePanelAppletContainer,
-MatePanelApplet {
+.mate-panel-menu-bar {
 background-color: @theme_bg_color;
 background-image: none;
+ /* normal panel */
 color: @theme_fg_color;
+ /* transparent panel */
+/* color: @theme_selected_fg_color; */
 text-shadow: none;
 }
 
+/* first make all transparent */
+WnckSelector.menubar,
+MatePanelApplet GtkToggleButton.button {
+ border-image: none;
+ background-image: none;
+}
+
+/* dictionary applet */
+GdictApplet .entry {
+ /* normal panel */
+ color: @theme_fg_color;
+ /* transparent panel */
+/* color: @theme_selected_fg_color; */
+ background-image: none;
+ background-color: transparent;
+ border-width: 1px;
+ padding: 3px 4px;
+}
+
 MatePanelApplet {
 border-width: 0;
 }
 
+MatePanelAppletFrameDBus PanelSeparator,
 PanelSeparator {
 border-width: 0;
- background-image: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_bg_color, 1.03)),
- to (shade (@theme_bg_color, 0.95)));
+ background-color: @theme_fg_color;
 color: shade (@theme_fg_color, 4.30);
 text-shadow: none;
 }
 
+/* the grid left from wnckpager and wncktasklist */
+MatePanelAppletFrameDBus {
+ background-image: -gtk-scaled(url("assets/panel-grig.svg"));
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: left;
+}
+
+/* main menu */
 /* set normal menubar button */
 PanelMenuBar.menubar .menuitem {
 transition: all 200ms ease-out;
+ text-shadow: none;
 }
 
 /* set selected menubar button */
@@ -360,7 +383,6 @@ PanelMenuBar.menubar .menuitem:hover {
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 0.86),
 shade (@theme_selected_bg_color, 0.26));
- background-color: @theme_base_color;
 color: shade (@theme_selected_fg_color, 1.00);
 text-shadow: none;
 border-style: solid;
@@ -376,15 +398,14 @@ PanelMenuBar.menubar .menu .menuitem.separator {
 
 /* set normal menubar menuitem */
 PanelMenuBar.menubar .menu .menuitem {
- padding: 6px;
 transition: all 150ms ease-out;
+ padding: 6px;
 }
 
 /* set selected menubar menuitem */
 PanelMenuBar.menubar .menu .menuitem:checked:hover,
 PanelMenuBar.menubar .menu .menuitem:active:hover,
 PanelMenuBar.menubar .menu .menuitem:hover {
- background-color: @theme_selected_bg_color;
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 1.0),
 shade (@theme_selected_bg_color, 0.85));
@@ -395,6 +416,8 @@ PanelMenuBar.menubar .menu .menuitem:hover {
 border-radius: 0px;
 }
 
+/* mate menu */
+
 /* Mate menu button hover */
 PanelMenuButton.button:hover {
 color: shade (@theme_selected_bg_color, 1.00);
@@ -417,8 +440,8 @@ MatePanelApplet .button,
 MatePanelApplet .button.flat {
 transition: all 400ms ease-out;
 background-image: none;
- background-color: @theme_bg_color;
- color: @theme_text_color;
+ background-color: transparent;
+/* color: @theme_selected_fg_color;*/
 border-image: none;
 border-style: solid;
 border-width: 0px;
@@ -428,18 +451,18 @@ MatePanelApplet .button.flat {
 padding: 4px 4px 4px 4px;
 }
 
-MatePanelApplet .button:checked:hover,
 MatePanelApplet .button:checked,
-MatePanelApplet .button:active:hover,
 MatePanelApplet .button:active,
-MatePanelApplet .button.flat:checked:hover,
+MatePanelApplet .button:checked:hover,
+MatePanelApplet .button:active:hover,
 MatePanelApplet .button.flat:checked,
-MatePanelApplet .button.flat:active:hover,
-MatePanelApplet .button.flat:active {
+MatePanelApplet .button.flat:active,
+MatePanelApplet .button.flat:checked:hover,
+MatePanelApplet .button.flat:active:hover {
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 0.86),
 shade (@theme_selected_bg_color, 0.26));
- background-color: @theme_base_color;
+ background-color: transparent;
 color: shade (@theme_selected_fg_color, 1.00);
 border-image: none;
 border-style: solid;
@@ -455,7 +478,7 @@ MatePanelApplet .button.flat:hover {
 background-image: linear-gradient(to bottom,
 @theme_bg_color,
 shade (@theme_selected_bg_color, 0.86));
- background-color: @theme_base_color;
+ background-color: transparent;
 color: shade (@theme_text_color, 1.0);
 border-image: none;
 border-style: solid;
@@ -472,8 +495,8 @@ WnckTasklist .button {
 background-image: linear-gradient(to bottom,
 shade (@theme_bg_color, 1.0),
 shade (@theme_bg_color, 0.96));
- background-color: @theme_bg_color;
- color: @theme_text_color;
+ background-color: transparent;
+/* color: @theme_selected_fg_color;*/
 border-image: none;
 border-style: solid;
 border-width: 0px;
@@ -489,7 +512,7 @@ WnckTasklist .button:active {
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 0.86),
 shade (@theme_selected_bg_color, 0.26));
- background-color: @theme_base_color;
+ background-color: transparent;
 color: shade (@theme_selected_fg_color, 1.00);
 border-image: none;
 border-style: solid;
@@ -504,7 +527,7 @@ WnckTasklist .button.flat:hover {
 background-image: linear-gradient(to bottom,
 @theme_bg_color,
 shade (@theme_selected_bg_color, 0.86));
- background-color: @theme_base_color;
+ background-color: transparent;
 color: shade (@theme_text_color, 1.0);
 border-image: none;
 border-style: solid;
@@ -514,32 +537,19 @@ WnckTasklist .button.flat:hover {
 -GtkWidget-window-dragging: true;
 }
 
-/* set normal button WnckSelector */
-/* FIXME , gtk-inspector said it's gnome! */
-.gnome-panel-window-menu-menu-bar .menuitem,
-MatePanelApplet > WnckSelector.menubar .menuitem {
- background-image: none;
- background-color: @theme_bg_color;
- border-style: solid;
- border-width: 0px;
- border-radius: 0px;
-}
-
 /* set selected button WnckSelector */
-.gnome-panel-window-menu-menu-bar .menuitem:hover,
-MatePanelApplet > WnckSelector.menubar .menuitem:hover {
+WnckSelector.menubar .menuitem:hover {
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 0.86),
 shade (@theme_selected_bg_color, 0.26));
- background-color: @theme_base_color;
+ background-color: transparent;
 border-style: solid;
 border-width: 0px;
 border-radius: 5px;
 }
 
 /* set WnckSelector normal menuitem */
-.gnome-panel-window-menu-menu-bar .menu .menuitem,
-MatePanelApplet > WnckSelector.menubar .menu .menuitem {
+WnckSelector.menubar .menu .menuitem {
 background-color: @menu_bg_color;
 background-image: none;
 color: shade (@theme_fg_color, 1.00);
@@ -547,23 +557,27 @@ MatePanelApplet > WnckSelector.menubar .menu .menuitem {
 }
 
 /* set WnckSelector selected menuitem */
-.gnome-panel-window-menu-menu-bar .menu .menuitem:hover,
-MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover {
- background-color: @theme_selected_bg_color;
+WnckSelector.menubar .menu .menuitem:hover {
+ background-color: transparent;
 background-image: linear-gradient(to bottom,
 shade (@theme_selected_bg_color, 1.0),
 shade (@theme_selected_bg_color, 0.85));
 color: shade (@theme_selected_fg_color, 1.00);
 text-shadow: none;
+ border-radius: 0px;
 }
 
-/* set WnckSelector menuitem separator */
-.gnome-panel-window-menu-menu-bar .menu .menuitem.separator,
-MatePanelApplet > WnckSelector.menubar .menu .menuitem.separator {
+/* set WnckSelector menuitem separator */WnckSelector.menubar .menu .menuitem.separator {
 color: @menu_separator;
 -GtkMenuItem-horizontal-padding: 0;
 }
 
+WnckPager {
+ background-image: none;
+ border-color: transparent;
+ background-color: transparent;
+}
+
 /* prelight of WnckPager */
 WnckPager:hover {
 background-image: linear-gradient(to bottom,
@@ -572,12 +586,6 @@ WnckPager:hover {
 background-color: @theme_base_color;
 }
 
-WnckPager {
- background-image: none;
- border-color: @transparent;
- background-color: @theme_bg_color;
-}
-
 ClockBox,
 .mate-panel-menu-bar.menubar,
 MatePanelApplet > GtkMenuBar.menubar {
@@ -588,18 +596,6 @@ NaTrayApplet {
 -NaTrayApplet-icon-padding: 12px;
 -NaTrayApplet-icon-size: 16;
 }
-
-/* Classic icon style */
-.mate-panel-menu-bar {
- -PanelMenuBar-icon-visible: true;
-}
-
-/* Makes the text color on the light panel black */
-.mate-panel-menu-bar .menuitem {
- color: @theme_fg_color;
- text-shadow: none;
-}
-
 /****************
 * Mate-Terminal *
 ****************/
@@ -636,6 +632,7 @@ PlumaWindow .view row:hover {
 /* Pluma status bar */
 PlumaStatusbar.horizontal.statusbar .frame.flat .flat.button {
 border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
+ padding: 5px;
 }
 
 PlumaWindow .button.flat:hover {
author	raveit65 <[email protected]>	2015-05-25 11:28:49 +0200
committer	raveit65 <[email protected]>	2015-05-25 11:30:41 +0200
commit	01c7549b3764a2181f4febd186c1679fed4b6efe (patch)
tree	022f4ad38548369710b91286cd94302418ed54f2 /desktop-themes
parent	862f713ba047dbf8d164d4738f302bc74f14af67 (diff)
download	mate-themes-01c7549b3764a2181f4febd186c1679fed4b6efe.tar.bz2 mate-themes-01c7549b3764a2181f4febd186c1679fed4b6efe.tar.xz