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

Improve xfce-panel appearance

Browse Source
This commit is contained in:
EliverLara
2019-04-29 13:31:19 -05:00
parent 740bf45106
commit 66ff7cbacd
4 changed files with 114 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
gtk-3.0/_colors.scss
View File

@@ -78,9 +78,9 @@ $info_color: $lime;
$question_color: $cyan; $question_color: $cyan;
// Panel colors // Panel colors
$panel_bg_color: transparentize(black, 0.3); $panel_bg_color: transparentize($base_color, 0.3);
$panel_fg_color: white; $panel_fg_color: white;
$panel_borders_color: transparentize(black, 0.8); $panel_borders_color: transparentize($base_color, 0.8);
// Disabled state colors // Disabled state colors
$insensitive_fg_color: mix($fg_color, $bg_color, 50%); $insensitive_fg_color: mix($fg_color, $bg_color, 50%);

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

@@ -1,7 +1,50 @@
// Xfce Panel
.xfce4-panel.panel { .xfce4-panel.panel {
background-color: $base_color; background-color: $panel_bg_color;
color: $fg_color;
} text-shadow: none;
-gtk-icon-shadow: none;
button.flat { @extend %panelbutton; }
}
#tasklist-button {
color: transparentize($panel_fg_color, 0.2);
border-radius: 0;
border: none;
background-color: transparentize($panel_bg_color, 1);
&:hover {
color: lighten($panel_fg_color, 10%);
background-color: transparentize(black, 0.83);
}
&:checked {
color: white;
background-color: transparentize(black, 0.75);
box-shadow: inset 0 -2px $selected_bg_color;
}
}
%panelbutton {
color: $panel_fg_color;
border-radius: 0;
border: none;
background-color: transparentize($panel_bg_color, 1);
&:hover {
border: none;
background-color: lighten($panel_bg_color, 10%);
}
&:active, &:checked {
color: $selected_fg_color;
border: none;
background-color: $selected_bg_color;
label, image { color: inherit; }
}
}
#whiskermenu-window button { #whiskermenu-window button {

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

@@ -5615,8 +5615,37 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
background-color: #1A1E21; } background-color: #1A1E21; }
.xfce4-panel.panel { .xfce4-panel.panel {
background-color: #1c2124; background-color: rgba(28, 33, 36, 0.7);
color: #76777A; } text-shadow: none;
-gtk-icon-shadow: none; }
#tasklist-button {
color: rgba(255, 255, 255, 0.8);
border-radius: 0;
border: none;
background-color: rgba(28, 33, 36, 0); }
#tasklist-button:hover {
color: white;
background-color: rgba(0, 0, 0, 0.17); }
#tasklist-button:checked {
color: white;
background-color: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -2px #F67E7D; }
.xfce4-panel.panel button.flat {
color: white;
border-radius: 0;
border: none;
background-color: rgba(28, 33, 36, 0); }
.xfce4-panel.panel button.flat:hover {
border: none;
background-color: rgba(51, 59, 64, 0.7); }
.xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked {
color: #f7f7f7;
border: none;
background-color: #F67E7D; }
.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 {
color: inherit; }
#whiskermenu-window button { #whiskermenu-window button {
background-color: transparent; background-color: transparent;
@@ -5983,10 +6012,10 @@ ConversationListView {
* LightDm * * LightDm *
***********/ ***********/
#panel_window { #panel_window {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(28, 33, 36, 0.7);
color: white; color: white;
font-weight: bold; font-weight: bold;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } box-shadow: inset 0 -1px rgba(13, 14, 16, 0.7); }
#panel_window .menubar, #panel_window .menubar,
#panel_window .menubar > .menuitem menubar, #panel_window .menubar > .menuitem menubar,
#panel_window menubar > menuitem { #panel_window menubar > menuitem {

37
gtk-3.0/gtk.css
View File

@@ -5615,8 +5615,37 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
background-color: #1A1E21; } background-color: #1A1E21; }
.xfce4-panel.panel { .xfce4-panel.panel {
background-color: #1c2124; background-color: rgba(28, 33, 36, 0.7);
color: #76777A; } text-shadow: none;
-gtk-icon-shadow: none; }
#tasklist-button {
color: rgba(255, 255, 255, 0.8);
border-radius: 0;
border: none;
background-color: rgba(28, 33, 36, 0); }
#tasklist-button:hover {
color: white;
background-color: rgba(0, 0, 0, 0.17); }
#tasklist-button:checked {
color: white;
background-color: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -2px #F67E7D; }
.xfce4-panel.panel button.flat {
color: white;
border-radius: 0;
border: none;
background-color: rgba(28, 33, 36, 0); }
.xfce4-panel.panel button.flat:hover {
border: none;
background-color: rgba(51, 59, 64, 0.7); }
.xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked {
color: #f7f7f7;
border: none;
background-color: #F67E7D; }
.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 {
color: inherit; }
#whiskermenu-window button { #whiskermenu-window button {
background-color: transparent; background-color: transparent;
@@ -5983,10 +6012,10 @@ ConversationListView {
* LightDm * * LightDm *
***********/ ***********/
#panel_window { #panel_window {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(28, 33, 36, 0.7);
color: white; color: white;
font-weight: bold; font-weight: bold;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } box-shadow: inset 0 -1px rgba(13, 14, 16, 0.7); }
#panel_window .menubar, #panel_window .menubar,
#panel_window .menubar > .menuitem menubar, #panel_window .menubar > .menuitem menubar,
#panel_window menubar > menuitem { #panel_window menubar > menuitem {