mirror of
https://github.com/luneko/SweetTokyoNight.git
synced 2025-12-13 15:29:53 +01:00
Improve xfce-panel appearance
This commit is contained in:
@@ -76,9 +76,9 @@ $info_color: $lime;
|
||||
$question_color: $cyan;
|
||||
|
||||
// Panel colors
|
||||
$panel_bg_color: transparentize(black, 0.3);
|
||||
$panel_bg_color: transparentize($base_color, 0.3);
|
||||
$panel_fg_color: white;
|
||||
$panel_borders_color: transparentize(black, 0.8);
|
||||
$panel_borders_color: transparentize($base_color, 0.8);
|
||||
|
||||
// Disabled state colors
|
||||
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
|
||||
|
||||
@@ -1,7 +1,50 @@
|
||||
// Xfce Panel
|
||||
.xfce4-panel.panel {
|
||||
background-color: $base_color;
|
||||
color: $fg_color;
|
||||
}
|
||||
background-color: $panel_bg_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 {
|
||||
|
||||
@@ -4570,10 +4570,10 @@ decoration {
|
||||
border-radius: 4px 4px 0 0;
|
||||
border-width: 0px;
|
||||
border-width: 0px;
|
||||
box-shadow: 0 4px 10px 2px rgba(116, 172, 12, 0.4);
|
||||
margin: 4px; }
|
||||
box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.6);
|
||||
margin: 10px; }
|
||||
decoration:backdrop {
|
||||
box-shadow: 0 4px 10px 2px rgba(33, 26, 30, 0.2);
|
||||
box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.4);
|
||||
transition: 200ms ease-out; }
|
||||
.maximized decoration,
|
||||
.fullscreen decoration,
|
||||
@@ -4594,10 +4594,10 @@ decoration {
|
||||
border-radius: 7px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(12, 14, 21, 0.6); }
|
||||
.solid-csd decoration {
|
||||
border-radius: 4px 4px 0 0;
|
||||
margin: 1px;
|
||||
background-color: #ed254e;
|
||||
border: solid 1px #161925;
|
||||
border-radius: 0;
|
||||
margin: 4px;
|
||||
background-color: #161925;
|
||||
border: solid 1px rgba(13, 16, 23, 0.82);
|
||||
box-shadow: none; }
|
||||
|
||||
button.titlebutton {
|
||||
@@ -5608,8 +5608,37 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
|
||||
background-color: #161925; }
|
||||
|
||||
.xfce4-panel.panel {
|
||||
background-color: #181b28;
|
||||
color: #C3C7D1; }
|
||||
background-color: rgba(24, 27, 40, 0.7);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }
|
||||
|
||||
#tasklist-button {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-color: rgba(24, 27, 40, 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 #c50ed2; }
|
||||
|
||||
.xfce4-panel.panel button.flat {
|
||||
color: white;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-color: rgba(24, 27, 40, 0); }
|
||||
.xfce4-panel.panel button.flat:hover {
|
||||
border: none;
|
||||
background-color: rgba(43, 49, 72, 0.7); }
|
||||
.xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked {
|
||||
color: #fefefe;
|
||||
border: none;
|
||||
background-color: #c50ed2; }
|
||||
.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 {
|
||||
background-color: transparent;
|
||||
|
||||
@@ -4570,10 +4570,10 @@ decoration {
|
||||
border-radius: 4px 4px 0 0;
|
||||
border-width: 0px;
|
||||
border-width: 0px;
|
||||
box-shadow: 0 4px 10px 2px rgba(116, 172, 12, 0.4);
|
||||
margin: 4px; }
|
||||
box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.6);
|
||||
margin: 10px; }
|
||||
decoration:backdrop {
|
||||
box-shadow: 0 4px 10px 2px rgba(33, 26, 30, 0.2);
|
||||
box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.4);
|
||||
transition: 200ms ease-out; }
|
||||
.maximized decoration,
|
||||
.fullscreen decoration,
|
||||
@@ -4594,10 +4594,10 @@ decoration {
|
||||
border-radius: 7px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(12, 14, 21, 0.6); }
|
||||
.solid-csd decoration {
|
||||
border-radius: 4px 4px 0 0;
|
||||
margin: 1px;
|
||||
background-color: #ed254e;
|
||||
border: solid 1px #161925;
|
||||
border-radius: 0;
|
||||
margin: 4px;
|
||||
background-color: #161925;
|
||||
border: solid 1px rgba(13, 16, 23, 0.82);
|
||||
box-shadow: none; }
|
||||
|
||||
button.titlebutton {
|
||||
@@ -5608,8 +5608,37 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
|
||||
background-color: #161925; }
|
||||
|
||||
.xfce4-panel.panel {
|
||||
background-color: #181b28;
|
||||
color: #C3C7D1; }
|
||||
background-color: rgba(24, 27, 40, 0.7);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }
|
||||
|
||||
#tasklist-button {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-color: rgba(24, 27, 40, 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 #c50ed2; }
|
||||
|
||||
.xfce4-panel.panel button.flat {
|
||||
color: white;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-color: rgba(24, 27, 40, 0); }
|
||||
.xfce4-panel.panel button.flat:hover {
|
||||
border: none;
|
||||
background-color: rgba(43, 49, 72, 0.7); }
|
||||
.xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked {
|
||||
color: #fefefe;
|
||||
border: none;
|
||||
background-color: #c50ed2; }
|
||||
.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 {
|
||||
background-color: transparent;
|
||||
|
||||
Reference in New Issue
Block a user