Skip to content

Commit 883a6ad

Browse files
committed
Use alternative gradients in dark mode
1 parent df3f855 commit 883a6ad

File tree

1 file changed

+2
-12
lines changed

1 file changed

+2
-12
lines changed

src/app/conf/2025/components/hero/index.tsx

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -77,12 +77,6 @@ function Stripes() {
7777
const maskOdd =
7878
"repeating-linear-gradient(to right, black, black 12px, transparent 12px, transparent 24px)"
7979

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-
8680
return (
8781
<div
8882
role="presentation"
@@ -100,19 +94,15 @@ function Stripes() {
10094
}}
10195
>
10296
<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%)]"
10498
style={{
105-
background:
106-
"linear-gradient(180deg, hsl(var(--color-pri-light)) 0%, hsl(319deg, 100%, 90%, 0.4) 100%)",
10799
maskImage: maskEven,
108100
WebkitMaskImage: maskEven,
109101
}}
110102
/>
111103
<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%)]"
113105
style={{
114-
background:
115-
"linear-gradient(180deg, hsl(319deg, 100%, 90%, 0.2) 0%, hsl(var(--color-pri-base)) 100%)",
116106
maskImage: maskOdd,
117107
WebkitMaskImage: maskOdd,
118108
}}

0 commit comments

Comments
 (0)