luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 07:29:51 +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 9e3bfeeeee
commit 884a85eab8
5 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
gtk-3.0/_colors.scss
View File

@@ -112,4 +112,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, #5797f7 0%, #00dcf4 100%);
$destructive_bg_color: linear-gradient(to right, #ee0979, #ff6a00);
$menu_shadow_color: if($variant == 'light', transparentize(rgb(122, 122, 122), 0.6), transparent);
$menu_shadow_color: if($variant == 'light', transparentize(rgb(122, 122, 122), 0.6), $borders_color);

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

@@ -2888,7 +2888,8 @@ menu,
margin: 4px;
padding: 2px 0px;
background: linear-gradient(to bottom, #1a1d2b, #12151f);
border: 1px solid rgba(238, 238, 238, 0.1); }
border: 1px solid rgba(238, 238, 238, 0.1);
border-radius: 5px; }
.csd menu, .csd
.menu, .csd
.context-menu {
@@ -3000,6 +3001,9 @@ menuitem radio {
menuitem radio:dir(rtl) {
margin-left: 7px; }
.csd.popup {
background: transparent; }
/********
* Misc *
********/
@@ -3307,7 +3311,7 @@ popover.background {
padding: 2px;
border-radius: 5px;
background: linear-gradient(to bottom, #1a1d2b, #12151f);
box-shadow: 0 4px 6px transparent; }
box-shadow: 0 4px 6px rgba(238, 238, 238, 0.1); }
.csd popover.background, popover.background {
border: 1px solid rgba(238, 238, 238, 0.1); }
popover.background:backdrop {
@@ -4604,8 +4608,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(238, 238, 238, 0.1);
border: 1px solid rgba(238, 238, 238, 0.1); }
tooltip.csd decoration {
border-radius: 5px;

8
gtk-3.0/gtk.css
View File

@@ -2895,7 +2895,8 @@ menu,
margin: 4px;
padding: 2px 0px;
background: linear-gradient(to bottom, #fff 20%, #fff);
border: 1px solid rgba(0, 0, 0, 0.13); }
border: 1px solid rgba(0, 0, 0, 0.13);
border-radius: 5px; }
.csd menu, .csd
.menu, .csd
.context-menu {
@@ -3007,6 +3008,9 @@ menuitem radio {
menuitem radio:dir(rtl) {
margin-left: 7px; }
.csd.popup {
background: transparent; }
/********
* Misc *
********/
@@ -4628,7 +4632,7 @@ decoration {
.ssd decoration {
box-shadow: none; }
.csd.popup decoration {
border-radius: 0;
border-radius: 7px;
box-shadow: 0 4px 8px rgba(122, 122, 122, 0.4);
border: 1px solid rgba(0, 0, 0, 0.13); }
tooltip.csd decoration {

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;
}