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

Gnome: Improve appearance of menus and popovers

Browse Source
This commit is contained in:
EliverLara
2020-06-14 14:42:57 -05:00
parent bcd39c14a3
commit d369d2778d
5 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
gtk-3.0/_colors.scss
View File

@@ -113,4 +113,4 @@ $scale_bg: if($variant == 'light', transparentize(black,0.86) ,transparentize(wh
$scale_disabled_bg: if($variant == 'light', transparentize(black, 0.94) ,transparentize(white, 0.94)); $scale_disabled_bg: if($variant == 'light', transparentize(black, 0.94) ,transparentize(white, 0.94));
$suggested_bg_color: linear-gradient(to right, #00ffb7 0%, #00d593 100%); $suggested_bg_color: linear-gradient(to right, #00ffb7 0%, #00d593 100%);
$destructive_bg_color: linear-gradient(to right, #fe8c00, #f83600); $destructive_bg_color: linear-gradient(to right, #fe8c00, #f83600);
$menu_shadow_color: if($variant == 'light', transparentize(rgb(122, 122, 122), 0.6), transparent); $menu_shadow_color: $borders_color;

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

@@ -2923,7 +2923,8 @@ menu,
margin: 4px; margin: 4px;
padding: 2px 0px; padding: 2px 0px;
background: linear-gradient(to bottom, #1a1d2b, #12151f); background: linear-gradient(to bottom, #1a1d2b, #12151f);
border: 1px solid rgba(12, 14, 21, 0.8); } border: 1px solid rgba(12, 14, 21, 0.8);
border-radius: 5px; }
.csd menu, .csd .csd menu, .csd
.menu, .csd .menu, .csd
.context-menu { .context-menu {
@@ -3035,6 +3036,9 @@ menuitem radio {
menuitem radio:dir(rtl) { menuitem radio:dir(rtl) {
margin-left: 7px; } margin-left: 7px; }
.csd.popup {
background: transparent; }
/******** /********
* Misc * * Misc *
********/ ********/
@@ -3342,7 +3346,7 @@ popover.background {
padding: 2px; padding: 2px;
border-radius: 5px; border-radius: 5px;
background: linear-gradient(to bottom, #1a1d2b, #12151f); background: linear-gradient(to bottom, #1a1d2b, #12151f);
box-shadow: 0 4px 6px transparent; } box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
.csd popover.background, popover.background { .csd popover.background, popover.background {
border: 1px solid rgba(12, 14, 21, 0.8); } border: 1px solid rgba(12, 14, 21, 0.8); }
popover.background:backdrop { popover.background:backdrop {
@@ -4641,8 +4645,8 @@ decoration {
.ssd decoration { .ssd decoration {
box-shadow: none; } box-shadow: none; }
.csd.popup decoration { .csd.popup decoration {
border-radius: 0; border-radius: 7px;
box-shadow: 0 4px 8px transparent; box-shadow: 0 4px 8px rgba(12, 14, 21, 0.8);
border: 1px solid rgba(12, 14, 21, 0.8); } border: 1px solid rgba(12, 14, 21, 0.8); }
tooltip.csd decoration { tooltip.csd decoration {
border-radius: 5px; border-radius: 5px;

12
gtk-3.0/gtk.css
View File

@@ -2930,7 +2930,8 @@ menu,
margin: 4px; margin: 4px;
padding: 2px 0px; padding: 2px 0px;
background: linear-gradient(to bottom, #dde6ee 20%, #dde6ee); background: linear-gradient(to bottom, #dde6ee 20%, #dde6ee);
border: 1px solid rgba(0, 0, 0, 0.13); } border: 1px solid rgba(0, 0, 0, 0.13);
border-radius: 5px; }
.csd menu, .csd .csd menu, .csd
.menu, .csd .menu, .csd
.context-menu { .context-menu {
@@ -3042,6 +3043,9 @@ menuitem radio {
menuitem radio:dir(rtl) { menuitem radio:dir(rtl) {
margin-left: 7px; } margin-left: 7px; }
.csd.popup {
background: transparent; }
/******** /********
* Misc * * Misc *
********/ ********/
@@ -3349,7 +3353,7 @@ popover.background {
padding: 2px; padding: 2px;
border-radius: 5px; border-radius: 5px;
background: linear-gradient(to bottom, #dde6ee 20%, #dde6ee); background: linear-gradient(to bottom, #dde6ee 20%, #dde6ee);
box-shadow: 0 4px 6px rgba(122, 122, 122, 0.4); } box-shadow: 0 4px 6px rgba(0, 0, 0, 0.13); }
.csd popover.background, popover.background { .csd popover.background, popover.background {
border: 1px solid rgba(0, 0, 0, 0.13); } border: 1px solid rgba(0, 0, 0, 0.13); }
popover.background:backdrop { popover.background:backdrop {
@@ -4665,8 +4669,8 @@ decoration {
.ssd decoration { .ssd decoration {
box-shadow: none; } box-shadow: none; }
.csd.popup decoration { .csd.popup decoration {
border-radius: 0; border-radius: 7px;
box-shadow: 0 4px 8px rgba(122, 122, 122, 0.4); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.13);
border: 1px solid rgba(0, 0, 0, 0.13); } border: 1px solid rgba(0, 0, 0, 0.13); }
tooltip.csd decoration { tooltip.csd decoration {
border-radius: 5px; border-radius: 5px;

5
gtk-3.0/widgets/_menus.scss
View File

@@ -32,6 +32,7 @@ menu,
padding: 2px 0px; padding: 2px 0px;
background: if( $variant == 'light', linear-gradient(to bottom, darken($base_color, 4%) 20%, darken($base_color, 4%) ), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%))); background: if( $variant == 'light', linear-gradient(to bottom, darken($base_color, 4%) 20%, darken($base_color, 4%) ), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
border: 1px solid $borders_color; // adds borders in a non composited env border: 1px solid $borders_color; // adds borders in a non composited env
border-radius: 5px;
.csd & { border: none; } // axes borders in a composited env .csd & { border: none; } // axes borders in a composited env
@@ -126,3 +127,7 @@ menuitem {
&:dir(rtl) { margin-left: 7px; } &:dir(rtl) { margin-left: 7px; }
} }
} }
.csd.popup {
background: transparent;
}

4
gtk-3.0/widgets/_windows.scss
View File

@@ -40,8 +40,8 @@ decoration {
.ssd & { box-shadow: none; } //just doing borders, wm draws actual shadows .ssd & { box-shadow: none; } //just doing borders, wm draws actual shadows
.csd.popup & { .csd.popup & {
border-radius: 0; border-radius: 7px;
box-shadow:0 4px 8px $menu_shadow_color; box-shadow: 0 4px 8px $menu_shadow_color;
border: 1px solid $borders_color; border: 1px solid $borders_color;
} }