roundabout,
created on Saturday, 6 March 2021, 23:35:46 (1615073746),
received on Sunday, 11 May 2025, 13:22:59 (1746969779)
Author identity: nana-4 <hnmaigo@gmail.com>
d0ad103b139a45ad70f8b1cd28e0dfbe2f784942
src/_variables.scss
@@ -168,3 +168,11 @@ $icon-shadow-z4:
0 4px (5px * .6) rgba(black, .14),
0 1px (10px * .6) rgba(black, .12);
}
@if $toolkit == "st" {
$shadow-z1: 0 1px 1px rgba(black, .36);
$shadow-z2: 0 1px 2px rgba(black, .4);
$shadow-z4: 0 2px 8px rgba(black, .44);
$shadow-z8: 0 5px 16px rgba(black, .5);
$shadow-z16: 0 8px 24px rgba(black, .68); // TODO
}
src/cinnamon/sass/_common.scss
@@ -699,7 +699,7 @@ StScrollView {
margin-from-right-edge-of-screen: 20px;
width: 34em;
color: $on-surface;
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
&.multi-line-notification {
padding-bottom: 8px;
}
@@ -963,7 +963,7 @@ StScrollView {
-boxpointer-gap: 5px;
background-color: $surface-z8;
border-radius: $corner-radius;
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
}
// main menu applet
.menu-favorites-box {
@@ -1113,7 +1113,7 @@ StScrollView {
padding: 10px 15px;
spacing: 1em;
color: $on-surface;
box-shadow: $shadow-4;
box-shadow: $shadow-z8;
}
// Cinnamon 4.0 has a new grouped window list applet with it's own selectors.
// Initial theme support is defined here. Some theming is defined in the panel orientation specific section above.
@@ -1349,7 +1349,7 @@ StScrollView {
color: $on-titlebar;
border: none;
box-shadow: $shadow-4;
box-shadow: $shadow-z8;
padding: 12px;
background-color: $scrim-alt;
border-radius: $corner-radius
src/cinnamon/sass/_extends.scss
@@ -63,7 +63,7 @@
color: $on-surface;
border: none;
padding: 12px;
box-shadow: $shadow-4;
box-shadow: $shadow-z8;
}
%calendar-shared {
width: 16px;
@@ -76,7 +76,7 @@
background-color: $surface-z8;
border-radius: $corner-radius;
color: $on-surface;
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
}
%menu-button-label-shared {
&:ltr {
@@ -130,7 +130,7 @@
border: none;
border-radius: $corner-radius;
padding: 12px;
box-shadow: $shadow-4;
box-shadow: $shadow-z8;
}
%osd-info-workspace-shared {
@include type(headline6);
src/gnome-shell/sass/_drawing.scss
@@ -144,7 +144,7 @@
color: $tc;
background-color: $c;
border-color: transparent;
box-shadow: $shadow-1;
box-shadow: $shadow-z2;
text-shadow: none;
icon-shadow: none;
transition-duration: $duration;
@@ -154,14 +154,14 @@
color: $tc;
text-shadow: none;
icon-shadow: none;
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
}
@if $t == hover {
color: $tc;
background-color: $c;
border-color: transparent;
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
text-shadow: none;
icon-shadow: none;
}
@@ -170,7 +170,7 @@
color: $tc;
background-color: mix($tc, $c, percentage(0.24));
border-color: transparent;
box-shadow: $shadow-2;
box-shadow: $shadow-z8;
text-shadow: none;
icon-shadow: none;
transition-duration: $duration-ripple;
@@ -180,7 +180,7 @@
color: if($tc == $on-surface, disabled($on-surface), $tc);
background-color: if($c == $surface-z8, fill($on-surface), $c);
border-color: transparent;
box-shadow: $shadow-0;
box-shadow: $shadow-z0;
text-shadow: none;
icon-shadow: none;
}
@@ -189,7 +189,7 @@
color: if($tc != $on-dark, $primary, hint($on-dark));
background-color: transparent;
border-color: transparent;
box-shadow: $shadow-0;
box-shadow: $shadow-z0;
text-shadow: none;
icon-shadow: none;
transition-duration: $duration;
@@ -200,14 +200,14 @@
background-color: overlay("focus", if($tc != $on-dark, $primary, $on-dark));
text-shadow: none;
icon-shadow: none;
box-shadow: $shadow-0;
box-shadow: $shadow-z0;
}
@if $t == flat-hover {
color: if($tc != $on-dark, $primary, hint($on-dark));
background-color: overlay("hover", if($tc != $on-dark, $primary, $on-dark));
border-color: transparent;
box-shadow: $shadow-0;
box-shadow: $shadow-z0;
text-shadow: none;
icon-shadow: none;
}
@@ -216,7 +216,7 @@
color: if($tc != $on-dark, $primary, hint($on-dark));
background-color: overlay("pressed", if($tc != $on-dark, $primary, $on-dark));
border-color: transparent;
box-shadow: $shadow-0;
box-shadow: $shadow-z0;
text-shadow: none;
icon-shadow: none;
transition-duration: $duration-ripple;
@@ -226,7 +226,7 @@
color: if($tc != $on-dark, disabled-hint($on-surface), disabled-hint($on-dark));
background-color: transparent;
border-color: transparent;
box-shadow: $shadow-0;
box-shadow: $shadow-z0;
text-shadow: none;
icon-shadow: none;
}
src/gnome-shell/sass/_variables.scss
@@ -44,10 +44,4 @@ $duration-panel: 250ms;
// This should be none, but it's creating some issues with borders, so to
// workaround it for now, use inset wich goes through a different code path.
// see https://bugzilla.gnome.org/show_bug.cgi?id=752934
$shadow-0: 0 0 transparent;
$shadow-1: 0 1px 1.5px rgba(black, 0.12), 0 1px 1px rgba(black, 0.24);
$shadow-2: 0 3px 3px rgba(black, 0.16 * 1.5), 0 3px 3px rgba(black, 0.23 * 1.5);
$shadow-3: 0 10px 10px rgba(black, 0.19 * 1.5), 0 6px 3px rgba(black, 0.23 * 1.5);
$shadow-4: 0 14px 14px rgba(black, 0.25 * 2), 0 10px 5px rgba(black, 0.22 * 2);
$shadow-5: 0 19px 19px rgba(black, 0.30 * 2), 0 15px 6px rgba(black, 0.22 * 2);
$shadow-z0: 0 0 transparent;
src/gnome-shell/sass/components/dialog/_dialog.scss
@@ -7,7 +7,7 @@
.modal-dialog {
border: 0;
border-radius: $corner-radius;
box-shadow: $shadow-4;
box-shadow: $shadow-z8;
background-color: $surface-z8;
color: $on-surface;
src/gnome-shell/sass/components/gdm/_screen-shield.scss
@@ -85,20 +85,20 @@
height: 48px;
color: $on-dark;
-arrow-thickness: 12px;
-arrow-shadow: $shadow-1;
-arrow-shadow: $shadow-z2;
}
.screen-shield-clock {
padding-bottom: 1.5em;
color: $on-dark;
text-shadow: $shadow-1;
text-shadow: $shadow-z2;
font-weight: normal;
text-align: center;
}
.screen-shield-clock-time {
@include type(headline1);
text-shadow: $shadow-1;
text-shadow: $shadow-z2;
font-feature-settings: "tnum";
}
@@ -160,5 +160,5 @@
// just the shadow, really
.screen-shield-background {
background: black;
box-shadow: $shadow-5;
box-shadow: $shadow-z16;
}
src/gnome-shell/sass/components/menu/_menu.scss
@@ -33,7 +33,7 @@
margin: 8px;
padding: 8px 0;
border-radius: $corner-radius;
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
background-color: $surface-z8;
color: $on-surface;
}
src/gnome-shell/sass/components/misc/_keyboard.scss
@@ -134,7 +134,7 @@
-arrow-background-color: transparent;
padding: 5px;
border-radius: $corner-radius;
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
background-color: $surface-z8;
color: $on-surface;
src/gnome-shell/sass/components/misc/_looking-glass.scss
@@ -6,7 +6,7 @@
padding: 0;
border: 0;
border-radius: $corner-radius;
box-shadow: $shadow-4;
box-shadow: $shadow-z8;
background-color: $surface-z8;
color: $on-surface;
@@ -140,7 +140,7 @@
padding: 6px;
border: 0;
border-radius: $corner-radius;
box-shadow: $shadow-4;
box-shadow: $shadow-z8;
background-color: $surface-z8;
color: $on-surface;
}
src/gnome-shell/sass/components/notification/_notification.scss
@@ -13,7 +13,7 @@
&:focus,
&:hover,
&:active {
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
background-color: $surface-z8;
color: $on-surface;
}
@@ -61,7 +61,7 @@
width: 1.6em;
border: 0;
border-radius: .8em;
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
background-color: $primary;
color: $on-primary;
font-weight: bold;
src/gnome-shell/sass/components/osd/_osd.scss
@@ -4,7 +4,7 @@
padding: 12px;
border: none;
border-radius: $corner-radius;
box-shadow: $shadow-4;
box-shadow: $shadow-z8;
background-color: $surface-z8;
color: $on-surface;
}
src/gnome-shell/sass/components/overview/_dash.scss
@@ -37,7 +37,7 @@ $dash-spacing: 6px;
padding: 7px 8px;
border: 0;
border-radius: $corner-radius;
box-shadow: $shadow-2;
box-shadow: $shadow-z4;
background-color: $surface-z8;
color: $on-surface;
text-align: center;
src/gnome-shell/sass/components/overview/_window-picker.scss
@@ -57,7 +57,7 @@
background-color: transparent;
color: transparent;
-st-background-image-shadow: $shadow-1;
-st-background-image-shadow: $shadow-z2;
background-image: url("assets/window-close.svg");
background-size: $medium-size;
@@ -66,7 +66,7 @@
background-color: transparent;
color: transparent;
-st-background-image-shadow: $shadow-2;
-st-background-image-shadow: $shadow-z4;
background-image: url("assets/window-close-hover.svg");
}
@@ -76,6 +76,7 @@
color: transparent;
// transition-duration: $duration-ripple;
-st-background-image-shadow: $shadow-z8;
background-image: url("assets/window-close-active.svg");
}
}