From 55985706e0b25a34e728d2a80738f05fa60db9fc Mon Sep 17 00:00:00 2001 From: EliverLara Date: Wed, 22 Jul 2020 14:05:15 -0500 Subject: [PATCH] Improve mate and xfce panel appearance --- gtk-3.0/_apps.scss | 1 + gtk-3.0/apps/_mate.scss | 38 ++++++++++++++++++++++++++++ gtk-3.0/apps/_xfce.scss | 4 +-- gtk-3.0/gtk-dark.css | 55 ++++++++++++++++++++++++++++++++++++----- gtk-3.0/gtk.css | 55 ++++++++++++++++++++++++++++++++++++----- 5 files changed, 139 insertions(+), 14 deletions(-) create mode 100644 gtk-3.0/apps/_mate.scss diff --git a/gtk-3.0/_apps.scss b/gtk-3.0/_apps.scss index ff65b52..76586d4 100755 --- a/gtk-3.0/_apps.scss +++ b/gtk-3.0/_apps.scss @@ -7,6 +7,7 @@ @import 'apps/xfce'; @import 'apps/pantheon'; @import 'apps/unity'; +@import 'apps/mate'; /*********************** * App-Specific Styles * diff --git a/gtk-3.0/apps/_mate.scss b/gtk-3.0/apps/_mate.scss new file mode 100644 index 0000000..b77a7de --- /dev/null +++ b/gtk-3.0/apps/_mate.scss @@ -0,0 +1,38 @@ +.mate-panel-menu-bar, +panel-toplevel.background { + + &, menubar { background-color: opacify($panel_bg_color, 1); } + + menubar, + #PanelApplet label, + #PanelApplet image { color: $panel_fg_color; } + + // Panel buttons + button:not(#tasklist-button) { + @extend %panelbutton; + } + + button, + #tasklist-button { + label, image { color: inherit; } + } + + .wnck-pager { + color: mix($panel_fg_color, black, 50%); + background-color: darken($panel_bg_color, 3%); + + &:hover { + background-color: lighten($panel_bg_color, 5%); + } + + &:selected { + color: lighten($selected_bg_color, 20%); + background-color: $selected_bg_color; + } + } + + na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; + } +} \ No newline at end of file diff --git a/gtk-3.0/apps/_xfce.scss b/gtk-3.0/apps/_xfce.scss index 671c861..df77eca 100644 --- a/gtk-3.0/apps/_xfce.scss +++ b/gtk-3.0/apps/_xfce.scss @@ -33,12 +33,12 @@ &:hover { border: none; - background-color: lighten($panel_bg_color, 10%); + background-color: lighten($panel_bg_color, 12%); } &:active, &:checked { color: $selected_fg_color; border-bottom: 2px solid $selected_bg_color; - background-color: lighten($panel_bg_color, 20%); + background-color: lighten($panel_bg_color, 10%); label, image { color: inherit; } } diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index 6726805..74d7b1c 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -5759,19 +5759,23 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #f7b922; } -.xfce4-panel.panel button.flat { +.xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { color: white; border-radius: 0; border: none; background-color: rgba(16, 16, 19, 0); } - .xfce4-panel.panel button.flat:hover { + .xfce4-panel.panel button.flat:hover, .mate-panel-menu-bar button:hover:not(#tasklist-button), + panel-toplevel.background button:hover:not(#tasklist-button) { border: none; - background-color: #27282f; } - .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { + background-color: #2b2d35; } + .xfce4-panel.panel button.flat:active, .mate-panel-menu-bar button:active:not(#tasklist-button), + panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), + panel-toplevel.background button:checked:not(#tasklist-button) { color: #fefefe; border-bottom: 2px solid #f7b922; - background-color: #3e404b; } - .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { + background-color: #27282f; } + .xfce4-panel.panel button.flat:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active image, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image { color: inherit; } #whiskermenu-window button { @@ -6171,6 +6175,45 @@ SheetStyleDialog.unity-force-quit { animation: playbackmenuitem_spinner 1s infinite linear; color: #f7b922; } +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #101013; } + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; } + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; } + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: #09090b; } + .mate-panel-menu-bar .wnck-pager:hover, + panel-toplevel.background .wnck-pager:hover { + background-color: #1b1c21; } + .mate-panel-menu-bar .wnck-pager:selected, + panel-toplevel.background .wnck-pager:selected { + color: #fbd884; + background-color: #f7b922; } + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; } + /*********************** * App-Specific Styles * ***********************/ diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 42d7c7d..1397366 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -5784,19 +5784,23 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #f7b922; } -.xfce4-panel.panel button.flat { +.xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { color: white; border-radius: 0; border: none; background-color: rgba(16, 16, 19, 0); } - .xfce4-panel.panel button.flat:hover { + .xfce4-panel.panel button.flat:hover, .mate-panel-menu-bar button:hover:not(#tasklist-button), + panel-toplevel.background button:hover:not(#tasklist-button) { border: none; - background-color: #27282f; } - .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { + background-color: #2b2d35; } + .xfce4-panel.panel button.flat:active, .mate-panel-menu-bar button:active:not(#tasklist-button), + panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), + panel-toplevel.background button:checked:not(#tasklist-button) { color: #fefefe; border-bottom: 2px solid #f7b922; - background-color: #3e404b; } - .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { + background-color: #27282f; } + .xfce4-panel.panel button.flat:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active image, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image { color: inherit; } #whiskermenu-window button { @@ -6196,6 +6200,45 @@ SheetStyleDialog.unity-force-quit { animation: playbackmenuitem_spinner 1s infinite linear; color: #f7b922; } +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #101013; } + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; } + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; } + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: #09090b; } + .mate-panel-menu-bar .wnck-pager:hover, + panel-toplevel.background .wnck-pager:hover { + background-color: #1b1c21; } + .mate-panel-menu-bar .wnck-pager:selected, + panel-toplevel.background .wnck-pager:selected { + color: #fbd884; + background-color: #f7b922; } + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; } + /*********************** * App-Specific Styles * ***********************/