luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 15:29:53 +01:00
Code Issues Projects Releases Wiki Activity

Improve mate and xfce panel appearance

Browse Source
This commit is contained in:
EliverLara
2020-07-22 14:05:15 -05:00
parent fbb457208c
commit a2d748fde1
5 changed files with 139 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
gtk-3.0/_apps.scss
View File

@@ -7,6 +7,7 @@
@import 'apps/xfce';
@import 'apps/pantheon';
@import 'apps/unity';
@import 'apps/mate';
/***********************
* App-Specific Styles *

38
gtk-3.0/apps/_mate.scss Normal file
View File

@@ -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;
}
}

4
gtk-3.0/apps/_xfce.scss
View File

@@ -34,12 +34,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; }
}

55
gtk-3.0/gtk-dark.css
View File

@@ -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 #0072ff; }
.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 #0072ff;
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: #0072ff; }
.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: #66aaff;
background-color: #0072ff; }
.mate-panel-menu-bar na-tray-applet,
panel-toplevel.background na-tray-applet {
-NaTrayApplet-icon-padding: 0;
-NaTrayApplet-icon-size: 16px; }
/***********************
* App-Specific Styles *
***********************/

55
gtk-3.0/gtk.css
View File

@@ -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 #0072ff; }
.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 #0072ff;
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: #0072ff; }
.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: #66aaff;
background-color: #0072ff; }
.mate-panel-menu-bar na-tray-applet,
panel-toplevel.background na-tray-applet {
-NaTrayApplet-icon-padding: 0;
-NaTrayApplet-icon-size: 16px; }
/***********************
* App-Specific Styles *
***********************/