From 622fe021b28d8c167fa3d172e46c129d01665ab3 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sun, 6 Sep 2015 16:35:25 +0200 Subject: Gtk3 BlackMATE: more panel adjustments - style system-monitor applet - set icon-padding for na-tray-applet - adjust hide panel buttons - don't draw a bg on icons in na-tray-applet fixes https://github.com/mate-desktop/mate-panel/issues/336 --- .../BlackMATE/gtk-3.0/assets/Makefile.am | 1 + .../BlackMATE/gtk-3.0/assets/panel-grid.svg | 173 +++++++++++++++++++++ .../BlackMATE/gtk-3.0/mate-applications.css | 140 +++++++++-------- 3 files changed, 250 insertions(+), 64 deletions(-) create mode 100644 desktop-themes/BlackMATE/gtk-3.0/assets/panel-grid.svg (limited to 'desktop-themes') diff --git a/desktop-themes/BlackMATE/gtk-3.0/assets/Makefile.am b/desktop-themes/BlackMATE/gtk-3.0/assets/Makefile.am index 9e9f15bc..d3b8a268 100644 --- a/desktop-themes/BlackMATE/gtk-3.0/assets/Makefile.am +++ b/desktop-themes/BlackMATE/gtk-3.0/assets/Makefile.am @@ -38,6 +38,7 @@ theme_DATA = \ pane-separator-grip.svg \ pane-separator-grip-vertical-hover.svg \ pane-separator-grip-vertical.svg \ + panel-grid.svg \ primary-toolbar-button-active-border-dark.svg \ primary-toolbar-raised-button-border-dark.svg \ progressbar-border-dark.svg \ diff --git a/desktop-themes/BlackMATE/gtk-3.0/assets/panel-grid.svg b/desktop-themes/BlackMATE/gtk-3.0/assets/panel-grid.svg new file mode 100644 index 00000000..c057ca53 --- /dev/null +++ b/desktop-themes/BlackMATE/gtk-3.0/assets/panel-grid.svg @@ -0,0 +1,173 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + diff --git a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css index 592d81d7..300040f0 100644 --- a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css +++ b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css @@ -292,10 +292,10 @@ CajaQueryEditor .toolbar .entry:focus { /* the panel bar itself */ .mate-panel-menu-bar { - background-color: @theme_bg_color; + background-color: @theme_bg_color; background-image: none; /* normal panel */ - color: @theme_fg_color; + color: @theme_fg_color; /* transparent panel light desktop background*/ /* color: @theme_selected_fg_color; */ text-shadow: none; @@ -338,20 +338,17 @@ PanelToplevel.background.mate-custom-panel-background .button { } PanelToplevel.background.mate-custom-panel-background .button:hover { - box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), - inset 1px 0px shade (@theme_selected_bg_color, 1.3), - inset -1px 0px shade (@theme_selected_bg_color, 1.3), - inset 0px -1px shade (@theme_selected_bg_color, 1.3); + border-image: url("assets/button-active-border-dark.svg") 3 / 3px stretch; } MatePanelAppletFrameDBus PanelSeparator, PanelSeparator { - border-width: 0; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@theme_bg_color, 0.96)), - to (shade (@theme_bg_color, 1.05))); - color: shade (@theme_fg_color, 0.45); - text-shadow: none; + border-width: 0; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@theme_bg_color, 0.96)), + to (shade (@theme_bg_color, 1.05))); + color: shade (@theme_fg_color, 0.45); + text-shadow: none; } /* dictionary applet */ @@ -453,19 +450,6 @@ MatePanelApplet .button.flat:hover { to (shade(@button_gradient_color_b, 0.7))); } -/* drivemount */ -DriveList .button, -DriveList .button.flat, -DriveList .button:hover, -DriveList .button.flat:hover, -DriveList .button:active, -DriveList .button.flat:active { - padding: 4px; - border-radius: 5px; - border-color: transparent; - box-shadow: none; -} - /*Wncklist */ WnckTasklist .button { transition: all 400ms ease-out; @@ -488,25 +472,25 @@ WnckTasklist .button:checked:hover, WnckTasklist .button:checked, WnckTasklist .button:active:hover, WnckTasklist .button:active { - border-radius: 3px; - color: @theme_fg_color; - border-style: solid; - background-image: linear-gradient(to bottom, - shade(@button_gradient_color_b, 0.7), - @theme_bg_color 50%, - shade(@button_gradient_color_a, 1.5)); + border-radius: 3px; + color: @theme_fg_color; + border-style: solid; + background-image: linear-gradient(to bottom, + shade(@button_gradient_color_b, 0.7), + @theme_bg_color 50%, + shade(@button_gradient_color_a, 1.5)); } WnckTasklist .button:hover { - border-radius: 3px; - border-image: none; - border-style: solid; - border-color: shade(@button_border, 1.1); - background-image: linear-gradient(to bottom, - shade(@button_gradient_color_a, 1.5), - shade(@button_gradient_color_a, 0.7) 39%, - @theme_bg_color 40%, - shade(@less_dark_color, 0.4)); + border-radius: 3px; + border-image: none; + border-style: solid; + border-color: shade(@button_border, 1.1); + background-image: linear-gradient(to bottom, + shade(@button_gradient_color_a, 1.5), + shade(@button_gradient_color_a, 0.7) 39%, + @theme_bg_color 40%, + shade(@less_dark_color, 0.4)); } /* set normal button WnckSelector */ @@ -519,12 +503,12 @@ WnckSelector.menubar .menuitem { /* set selected button WnckSelector */ WnckSelector.menubar .menuitem:hover { - color: @theme_fg_color; - border-style: solid; - background-image: linear-gradient(to bottom, - shade(@button_gradient_color_b, 0.7), - @theme_bg_color 50%, - shade(@button_gradient_color_a, 1.5)); + color: @theme_fg_color; + border-style: solid; + background-image: linear-gradient(to bottom, + shade(@button_gradient_color_b, 0.7), + @theme_bg_color 50%, + shade(@button_gradient_color_a, 1.5)); } /* set WnckSelector menuitem */ @@ -538,24 +522,24 @@ WnckSelector.menubar .menu .menuitem { /* set WnckSelector selected menuitem */ WnckSelector.menubar .menu .menuitem:hover { - border-image: none; - color: @theme_fg_color; - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.3), - shade(@theme_selected_bg_color, 0.5)); + border-image: none; + color: @theme_fg_color; + background-image: linear-gradient(to bottom, + shade(@theme_selected_bg_color, 1.3), + shade(@theme_selected_bg_color, 0.5)); } ClockBox, .mate-panel-menu-bar.menubar, MatePanelApplet > GtkMenuBar.menubar { - font: normal; + font: normal; } WnckPager { - background-image: none; - border-color: transparent; - background-color: transparent; - text-shadow: none; + background-image: none; + border-color: transparent; + background-color: transparent; + text-shadow: none; box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), inset 1px 0px shade (@theme_selected_bg_color, 1.3), inset -1px 0px shade (@theme_selected_bg_color, 1.3), @@ -564,20 +548,48 @@ WnckPager { /* selected WnckPager */ WnckPager:selected { - background-image: linear-gradient(to bottom, - @theme_selected_bg_color, - shade (@theme_selected_bg_color, 0.36)); + background-image: linear-gradient(to bottom, + @theme_selected_bg_color, + shade (@theme_selected_bg_color, 0.36)); } /* prelight of WnckPager */ WnckPager:hover { - background-image: linear-gradient(to bottom, - @theme_bg_color, - shade (@theme_selected_bg_color, 0.86)); + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_selected_bg_color, 0.86)); +} + +/* drivemount */ +DriveList .button, +DriveList .button.flat, +DriveList .button:hover, +DriveList .button.flat:hover, +DriveList .button:active, +DriveList .button.flat:active { + padding: 4px; + border-radius: 3px; + border-color: transparent; + box-shadow: none; +} + +/* system-monitor-applet */ +MatePanelApplet .horizontal .vertical .frame { + box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), + inset 1px 0px shade (@theme_selected_bg_color, 1.3), + inset -1px 0px shade (@theme_selected_bg_color, 1.3), + inset 0px -1px shade (@theme_selected_bg_color, 1.3); + border-style: none; + border-radius: 5px; +} + +/* no background for icon-padding area */ +GtkTrayIcon.background { + background-color: transparent; } NaTrayApplet { - -NaTrayApplet-icon-padding: 12px; + -NaTrayApplet-icon-padding: 3px; -NaTrayApplet-icon-size: 16; } -- cgit v1.2.1