Commit 0e5c8e9f by David Trudgian

Tweak panel theming and bring back different assets

parent 2b27cd8a
...@@ -5,7 +5,8 @@ ...@@ -5,7 +5,8 @@
@define-color theme_text_color #2c2c2c; @define-color theme_text_color #2c2c2c;
@define-color theme_fg_color @theme_text_color; @define-color theme_fg_color @theme_text_color;
@define-color theme_selected_fg_color #ffffff; @define-color theme_selected_fg_color #ffffff;
@define-color theme_bg_dark_color #2C2C2C;
@define-color theme_fg_dark_color #D4D4D4;
@define-color placeholder_text_color shade(@text_color, 3.5); @define-color placeholder_text_color shade(@text_color, 3.5);
@define-color theme_unfocused_base_color shade(@insensitive_bg_color, 1.015); /* I don't want the same color, hope not to hurt usability to much here */ @define-color theme_unfocused_base_color shade(@insensitive_bg_color, 1.015); /* I don't want the same color, hope not to hurt usability to much here */
...@@ -23,7 +24,11 @@ ...@@ -23,7 +24,11 @@
@define-color menu_bg_color shade (@theme_bg_color, 1.1); @define-color menu_bg_color shade (@theme_bg_color, 1.1);
@define-color menu_fg_color @theme_fg_color; @define-color menu_fg_color @theme_fg_color;
@define-color menu_bg_dark_color shade(@theme_bg_dark_color, 0.95);
@define-color menu_fg_dark_color shade(@theme_fg_dark_color, 1.00);
@define-color menu_shadow_dark_color alpha(#000, 0.30);
@define-color menu_line_dark_color shade(@theme_bg_dark_color, 0.78);
@define-color menu_separator shade (@menu_bg_color, 0.96);
@define-color menu_controls_color shade (@theme_fg_color, 0.9); @define-color menu_controls_color shade (@theme_fg_color, 0.9);
@define-color menu_combobox_border @theme_selected_bg_color; @define-color menu_combobox_border @theme_selected_bg_color;
......
...@@ -284,8 +284,7 @@ ...@@ -284,8 +284,7 @@
.mate-panel-menu-bar menuitem, .mate-panel-menu-bar menuitem,
#PanelPlug, #PanelPlug,
#PanelApplet button, #PanelApplet button,
PanelToplevel.background, PanelToplevel.background {
#PanelApplet-window-menu-applet-button {
background-color: transparent; background-color: transparent;
border-image: none; border-image: none;
background-image: none; background-image: none;
...@@ -297,12 +296,10 @@ PanelToplevel.background, ...@@ -297,12 +296,10 @@ PanelToplevel.background,
#PanelPlug, #PanelPlug,
.mate-panel-menu-bar, .mate-panel-menu-bar,
PanelToplevel.background { PanelToplevel.background {
background-color: @theme_bg_color; background-image: linear-gradient(to bottom,
background-image: none; shade (@theme_bg_dark_color, 0.86),
/* normal panel */ shade (@theme_bg_dark_color, 0.26));
color: @theme_fg_color; color: @theme_fg_dark_color;
/* transparent panel */
/* color: @theme_selected_fg_color; */
text-shadow: none; text-shadow: none;
} }
...@@ -349,6 +346,13 @@ MatePanelAppletFrameDBus > MatePanelAppletFrameDBus { ...@@ -349,6 +346,13 @@ MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
background-position: left; background-position: left;
} }
/* this makes text readable with all kind of wallpapers if using a transparent panel */
#PanelApplet label,
.mate-panel-menu-bar menubar > menuitem {
color: @menu_fg_dark_color;
text-shadow: 1px 1px alpha (#000000, 0.8);
}
/* outlines */ /* outlines */
window.background, /* selector where outlines are writen on GtkTrayIcon */ window.background, /* selector where outlines are writen on GtkTrayIcon */
.mate-panel-menu-bar menubar, .mate-panel-menu-bar menubar,
...@@ -378,14 +382,14 @@ window.background, /* selector where outlines are writen on GtkTrayIcon */ ...@@ -378,14 +382,14 @@ window.background, /* selector where outlines are writen on GtkTrayIcon */
/* needed for mate-menu/mintmenu/wnck-tasklist to override a wildcard at line 37 gtk-widgets.css */ /* needed for mate-menu/mintmenu/wnck-tasklist to override a wildcard at line 37 gtk-widgets.css */
#PanelApplet:selected, #PanelApplet:selected,
#PanelApplet #tasklist-button * { #PanelApplet #tasklist-button * {
color: shade (@theme_fg_color, 1.00); color: shade (@theme_fg_dark_color, 1.00);
} }
.mate-panel-menu-bar #PanelApplet button, .mate-panel-menu-bar #PanelApplet button,
.mate-panel-menu-bar #PanelApplet button.flat, .mate-panel-menu-bar #PanelApplet button.flat,
.mate-panel-menu-bar #PanelApplet button.toggle, .mate-panel-menu-bar #PanelApplet button.toggle,
.mate-panel-menu-bar #PanelApplet button.flat.toggle { .mate-panel-menu-bar #PanelApplet button.flat.toggle {
color: shade (@theme_fg_color, 1.00); color: shade (@theme_fg_dark_color, 1.00);
transition: all 400ms ease-out; transition: all 400ms ease-out;
background-image: none; background-image: none;
background-color: transparent; background-color: transparent;
...@@ -411,9 +415,9 @@ window.background, /* selector where outlines are writen on GtkTrayIcon */ ...@@ -411,9 +415,9 @@ window.background, /* selector where outlines are writen on GtkTrayIcon */
.mate-panel-menu-bar #PanelApplet button.flat.toggle:checked:hover, .mate-panel-menu-bar #PanelApplet button.flat.toggle:checked:hover,
.mate-panel-menu-bar #PanelApplet button.flat.toggle:hover:active { .mate-panel-menu-bar #PanelApplet button.flat.toggle:hover:active {
background-image: linear-gradient(to bottom, background-image: linear-gradient(to bottom,
shade (@theme_bg_color, 1.0), shade (@theme_bg_dark_color, 1.0),
shade (@theme_bg_color, 0.82)); shade (@theme_bg_dark_color, 0.82));
color: shade (@theme_fg_color, 1.00); color: shade (@theme_fg_dark_color, 1.00);
} }
.mate-panel-menu-bar #PanelApplet button:hover, .mate-panel-menu-bar #PanelApplet button:hover,
...@@ -421,33 +425,33 @@ window.background, /* selector where outlines are writen on GtkTrayIcon */ ...@@ -421,33 +425,33 @@ window.background, /* selector where outlines are writen on GtkTrayIcon */
.mate-panel-menu-bar #PanelApplet button.toggle:hover, .mate-panel-menu-bar #PanelApplet button.toggle:hover,
.mate-panel-menu-bar #PanelApplet button.flat.toggle:hover { .mate-panel-menu-bar #PanelApplet button.flat.toggle:hover {
background-image: linear-gradient(to bottom, background-image: linear-gradient(to bottom,
shade (@theme_bg_color, 1.14), shade (@theme_bg_dark_color, 1.14),
shade (@theme_bg_color, 0.96)); shade (@theme_bg_dark_color, 0.96));
color: shade (@theme_fg_color, 1.00); color: shade (@theme_fg_dark_color, 1.00);
}
.mate-panel-menu-bar menubar > menuitem:hover:active,
.mate-panel-menu-bar menubar > menuitem:hover {
color: shade (@theme_selected_fg_color, 1.6);
} }
/* WnckPager */ /* WnckPager */
PanelApplet.wnck-applet .wnck-pager { PanelApplet.wnck-applet .wnck-pager {
color: shade (@theme_selected_bg_color, 1.30); color: shade (@theme_selected_bg_color, 1.30);
background-image: none; background-color: shade (@theme_fg_dark_color, 0.4);
background-color: transparent;
text-shadow: none; text-shadow: none;
outline-offset: -1px; outline-color: shade (@theme_bg_dark_color, 1.0);
outline-color: shade (@theme_selected_bg_color, 1.0);
} }
/* selected WnckPager */ /* selected WnckPager */
PanelApplet.wnck-applet .wnck-pager:selected { PanelApplet.wnck-applet .wnck-pager:selected {
background-image: linear-gradient(to bottom, background-color: @theme_selected_bg_color;
@theme_selected_bg_color,
shade (@theme_selected_bg_color, 0.36));
} }
/* prelight of WnckPager */ /* prelight of WnckPager */
PanelApplet.wnck-applet .wnck-pager:hover { PanelApplet.wnck-applet .wnck-pager:hover {
background-image: linear-gradient(to bottom, background-color: shade (@theme_fg_dark_color, 0.6);
shade (@theme_selected_bg_color, 0.56),
@theme_selected_bg_color);
} }
#clock-applet-button.flat.toggle > box.horizontal > label { #clock-applet-button.flat.toggle > box.horizontal > label {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment