Skip to content

Commit fbc1907

Browse files
committed
STYLE: Refactor box-shadow properties for window and appbar components to enhance visual consistency and depth
1 parent 2d35bc3 commit fbc1907

2 files changed

Lines changed: 8 additions & 11 deletions

File tree

Helium/gtk-4.0/_tauos.scss

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3344,11 +3344,6 @@ $colors: (
33443344
}
33453345
}
33463346

3347-
window.csd:has(.flat-appbar),
3348-
window.csd:has(.appbar) {
3349-
box-shadow: inset 0 1px 0 0 gtkalpha(white, 0.15);
3350-
}
3351-
33523347
.flat-appbar {
33533348
padding: 4px;
33543349
}
@@ -4115,6 +4110,7 @@ window.csd:has(.appbar) {
41154110
background: bg-color(-2);
41164111
border-radius: 24px 24px 0 0;
41174112
padding: 0 18px 9px 18px;
4113+
box-shadow: inset 0 1px 0 0 gtkalpha(white, 0.15);
41184114
transition: $trans-reveal-state;
41194115
}
41204116

Helium/gtk-4.0/widgets/_window.scss

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,15 @@ window {
22
border-width: 0px;
33

44
&.csd {
5-
box-shadow: shadow(5), 0 0 0 1px gtkalpha($borders, 0.4);
5+
box-shadow: shadow(5), inset 0 1px 0 0 gtkalpha(white, 0.15), inset 0 0 0 1px gtkalpha($borders, 0.4);
66
margin: 0px;
77
border-radius: $window_radius;
88

99
&:backdrop {
1010
// The transparent is to avoid jumping, and should be of the biggest shadow on active
1111
box-shadow: shadow(4), 0 32px 64px 0px transparent,
12-
0 0 0 1px gtkalpha($borders, 0.4);
12+
inset 0 1px 0 0 gtkalpha(white, 0.15),
13+
inset 0 0 0 1px gtkalpha($borders, 0.4);
1314
}
1415

1516
&.dialog.message {
@@ -32,10 +33,10 @@ window {
3233
border-radius: 0;
3334
outline: none;
3435

35-
box-shadow: 0 0 0 1px $borders, 0 0 0 20px transparent;
36+
box-shadow: inset 0 1px 0 0 gtkalpha(white, 0.15), inset 0 0 0 1px $borders, 0 0 0 20px transparent;
3637

3738
&:backdrop {
38-
box-shadow: 0 0 0 1px $borders, 0 0 0 20px transparent;
39+
box-shadow: inset 0 1px 0 0 gtkalpha(white, 0.15), inset 0 0 0 1px $borders, 0 0 0 20px transparent;
3940
}
4041
}
4142

@@ -51,11 +52,11 @@ window {
5152
margin: 0;
5253
padding: 5px;
5354
border-radius: 0;
54-
box-shadow: inset 0 0 0 9px $headerbar_bg_color, inset 0 0 0 1px $borders;
55+
box-shadow: inset 0 0 0 9px $headerbar_bg_color, inset 0 1px 0 0 gtkalpha(white, 0.15), inset 0 0 0 1px $borders;
5556

5657
&:backdrop {
5758
box-shadow: inset 0 0 0 9px $headerbar_backdrop_color,
58-
inset 0 0 0 1px $borders;
59+
inset 0 1px 0 0 gtkalpha(white, 0.15), inset 0 0 0 1px $borders;
5960
}
6061
}
6162
}

0 commit comments

Comments
 (0)