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 045dec3cb9
commit 13ca7937e6
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

@@ -115,4 +115,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));
$suggested_bg_color: linear-gradient(to right, #485563 0%, #29323c 100%);
$destructive_bg_color: linear-gradient(to right, $red, $orange);
$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

@@ -2880,7 +2880,8 @@ menu,
margin: 4px;
padding: 2px 0px;
background: linear-gradient(to bottom, #1e2327, #16191b);
border: 1px solid rgba(12, 14, 21, 0.8); }
border: 1px solid rgba(12, 14, 21, 0.8);
border-radius: 5px; }
.csd menu, .csd
.menu, .csd
.context-menu {
@@ -2992,6 +2993,9 @@ menuitem radio {
menuitem radio:dir(rtl) {
margin-left: 7px; }
.csd.popup {
background: transparent; }
/********
* Misc *
********/
@@ -3299,7 +3303,7 @@ popover.background {
padding: 2px;
border-radius: 5px;
background: linear-gradient(to bottom, #1e2327, #16191b);
box-shadow: 0 4px 6px transparent; }
box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
.csd popover.background, popover.background {
border: 1px solid rgba(12, 14, 21, 0.8); }
popover.background:backdrop {
@@ -4590,8 +4594,8 @@ decoration {
.ssd decoration {
box-shadow: none; }
.csd.popup decoration {
border-radius: 0;
box-shadow: 0 4px 8px transparent;
border-radius: 7px;
box-shadow: 0 4px 8px rgba(12, 14, 21, 0.8);
border: 1px solid rgba(12, 14, 21, 0.8); }
tooltip.csd decoration {
border-radius: 5px;

12
gtk-3.0/gtk.css
View File

@@ -2880,7 +2880,8 @@ menu,
margin: 4px;
padding: 2px 0px;
background: linear-gradient(to bottom, #1e2327, #16191b);
border: 1px solid rgba(12, 14, 21, 0.8); }
border: 1px solid rgba(12, 14, 21, 0.8);
border-radius: 5px; }
.csd menu, .csd
.menu, .csd
.context-menu {
@@ -2992,6 +2993,9 @@ menuitem radio {
menuitem radio:dir(rtl) {
margin-left: 7px; }
.csd.popup {
background: transparent; }
/********
* Misc *
********/
@@ -3299,7 +3303,7 @@ popover.background {
padding: 2px;
border-radius: 5px;
background: linear-gradient(to bottom, #1e2327, #16191b);
box-shadow: 0 4px 6px transparent; }
box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
.csd popover.background, popover.background {
border: 1px solid rgba(12, 14, 21, 0.8); }
popover.background:backdrop {
@@ -4590,8 +4594,8 @@ decoration {
.ssd decoration {
box-shadow: none; }
.csd.popup decoration {
border-radius: 0;
box-shadow: 0 4px 8px transparent;
border-radius: 7px;
box-shadow: 0 4px 8px rgba(12, 14, 21, 0.8);
border: 1px solid rgba(12, 14, 21, 0.8); }
tooltip.csd decoration {
border-radius: 5px;

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

@@ -32,6 +32,7 @@ menu,
padding: 2px 0px;
background: if( $variant == 'light', linear-gradient(to bottom, #fff 20%, #fff), 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-radius: 5px;
.csd & { border: none; } // axes borders in a composited env
@@ -126,3 +127,7 @@ menuitem {
&: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
.csd.popup & {
border-radius: 0;
box-shadow:0 4px 8px $menu_shadow_color;
border-radius: 7px;
box-shadow: 0 4px 8px $menu_shadow_color;
border: 1px solid $borders_color;
}