@@ -77,12 +77,6 @@ function Stripes() {
77
77
const maskOdd =
78
78
"repeating-linear-gradient(to right, black, black 12px, transparent 12px, transparent 24px)"
79
79
80
- // TODO: dark mode:
81
- // background: linear-gradient(180deg, var(--Primary-Dark, #990069) 0%, #660046 100%);
82
- // ^ the same one as with base
83
- // background: linear-gradient(180deg, #990069 0%, var(--Primary-Dark, #990069) 100%);
84
- // ^ the same one as with light
85
-
86
80
return (
87
81
< div
88
82
role = "presentation"
@@ -100,19 +94,15 @@ function Stripes() {
100
94
} }
101
95
>
102
96
< div
103
- className = "absolute inset-0"
97
+ className = "absolute inset-0 bg-[linear-gradient(180deg,hsl(var(--color-pri-light))_0%,hsl(319deg_100%_90%_/_0.4)_100%)] dark:bg-[linear-gradient(180deg,hsl(var(--color-pri-dark))_0%,hsl(319_100%_20%_/_1)_100%)] "
104
98
style = { {
105
- background :
106
- "linear-gradient(180deg, hsl(var(--color-pri-light)) 0%, hsl(319deg, 100%, 90%, 0.4) 100%)" ,
107
99
maskImage : maskEven ,
108
100
WebkitMaskImage : maskEven ,
109
101
} }
110
102
/>
111
103
< div
112
- className = "absolute inset-0"
104
+ className = "absolute inset-0 bg-[linear-gradient(180deg,hsl(319deg_100%_90%_/_0.2)_0%,hsl(var(--color-pri-base))_100%)] dark:bg-[linear-gradient(180deg,hsl(319_100%_30%_/_1)_0%,hsl(var(--color-pri-dark))_100%)] "
113
105
style = { {
114
- background :
115
- "linear-gradient(180deg, hsl(319deg, 100%, 90%, 0.2) 0%, hsl(var(--color-pri-base)) 100%)" ,
116
106
maskImage : maskOdd ,
117
107
WebkitMaskImage : maskOdd ,
118
108
} }
0 commit comments