RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add placeholder BGs to dark mode

This commit is contained in:
JovannMC 2025-02-06 19:09:19 +03:00
parent 6e0b10b055
commit 7650f45b9f
No known key found for this signature in database
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app.scss
View File

@ -125,21 +125,41 @@
hsla(303, 100%, 50%, 0.1),
hsla(303, 100%, 50%, 0) 25%
);
--bg-gradient-pink-alt: linear-gradient(
to top,
var(--accent-pink),
hsl(303, 100%, 91%) 100%
);
--bg-gradient-red: linear-gradient(
to bottom,
hsla(348, 100%, 50%, 0.1),
hsla(348, 100%, 50%, 0) 25%
);
--bg-gradient-red-alt: linear-gradient(
to top,
var(--accent-red),
hsl(348, 100%, 91%) 100%
);
--bg-gradient-purple: linear-gradient(
to bottom,
hsla(264, 100%, 50%, 0.1),
hsla(264, 100%, 50%, 0) 25%
);
--bg-gradient-purple-alt: linear-gradient(
to top,
var(--accent-purple),
hsl(264, 100%, 91%) 100%
);
--bg-gradient-blue: linear-gradient(
to bottom,
hsla(220, 100%, 50%, 0.1),
hsla(220, 100%, 50%, 0) 25%
);
--bg-gradient-blue-alt: linear-gradient(
to top,
var(--accent-blue),
hsl(220, 100%, 91%) 100%
);
--bg-panel: hsl(220, 4%, 18%);
--bg-panel-accented: color-mix(in srgb, var(--accent) 12%, transparent);
--bg-separator: hsl(220, 4%, 28%);

2
src/routes/convert/+page.svelte
View File

@ -104,7 +104,7 @@
/>
{:else}
<div
class="w-full h-full flex items-center justify-center"
class="w-full h-full flex items-center justify-center text-black"
style="background: var({isAudio
? '--bg-gradient-purple-alt'
: '--bg-gradient-blue-alt'})"