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

Improve budgie panel appearance

Browse Source
This commit is contained in:
EliverLara
2020-03-02 16:19:32 -06:00
parent b0818c2689
commit 0a6a71af84
3 changed files with 40 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
gtk-3.0/apps/_budgie.scss
View File

@@ -10,6 +10,7 @@ $mpris_overlay_bg: transparentize(if($variant=='light',$base_color, darken($bg_c
$mpris_overlay_border: $top_highlight;
$panel_bg: transparentize( darken($headerbar_color,10%),0.05);
$panel_color: $headerbar_fg_color;
$panel_secondary_color: lighten($headerbar_fg_color, 70%);
$panel_border: transparentize($_borders_color, 0.08);
$panel_shadow: transparentize(black, 0.7);
$raven_bg: transparentize($headerbar_color, 0.08);
@@ -178,16 +179,16 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left));
// Menu Button
button.budgie-menu-launcher {
padding: 0 2px;
color: $headerbar_fg_color;
color: $panel_secondary_color;
box-shadow: none;
background-color: transparent;
&:hover { color: $headerbar_fg_color; }
&:active, &:checked { color: $headerbar_fg_color; }
&:hover { color: $panel_secondary_color; }
&:active, &:checked { color: $panel_secondary_color; }
&:backdrop {
color: $headerbar_fg_color;
color: $panel_secondary_color;
background-color: transparent;
&:hover { color: $headerbar_fg_color; }
&:hover { color: $panel_secondary_color; }
&:active, &:checked {
color: $selected_bg_color;
box-shadow: none;
@@ -252,10 +253,10 @@ button.budgie-menu-launcher {
button.raven-trigger {
padding-left: 2px;
padding-right: 2px;
color: $headerbar_fg_color;
color: $panel_secondary_color;
box-shadow: none;
&:hover {
color: $headerbar_fg_color;
color: $panel_secondary_color;
background-color: transparent;
}
&:active, &:checked {
@@ -264,9 +265,9 @@ button.raven-trigger {
color: $selected_bg_color;
}
&:backdrop {
color: $headerbar_fg_color;
color: $panel_secondary_color;
&:hover {
color: $headerbar_fg_color;
color: $panel_secondary_color;
}
&:active, &:checked {
box-shadow: none;
@@ -365,7 +366,7 @@ button.raven-trigger {
// Panel
.budgie-panel {
color: $headerbar_fg_color;
color: $panel_secondary_color;
background-color: $panel_bg;
background-image: none;
box-shadow: none;
@@ -375,7 +376,7 @@ button.raven-trigger {
.alert { color: $alert_color; }
&:backdrop {
color: $headerbar_fg_color;
color: $panel_secondary_color;
background-color: $panel_bg;
}
@@ -400,12 +401,12 @@ button.raven-trigger {
}
label {
color: $headerbar_fg_color;
color: $panel_secondary_color;
font-weight: 700;
}
&.transparent {
background-color: transparent;
background-color: transparentize($panel_bg, 0.75);
.top & {
border-bottom-color: transparent;