WorkRoot/Astro-Component
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added New color Schene

Browse Source
This commit is contained in:
Clintchiz
2025-08-19 14:23:25 +05:30
parent 8a2b9660c1
commit bf11281d27
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/style.css
+4
View File
@@ -432,8 +432,11 @@
--border: 220 9% 23%; --border: 220 9% 23%;
--input: 220 9% 23%; --input: 220 9% 23%;
} }
/* Light: start from current background and mix toward black */ /* Light: start from current background and mix toward black */
:root { :root {
--bg-tint: 4%;
--background: color-mix(in hsl, hsl(var(--primary)) var(--bg-tint), white);
--background-50: color-mix(in hsl, hsl(var(--background)) 99%, black 1%); --background-50: color-mix(in hsl, hsl(var(--background)) 99%, black 1%);
--background-100: color-mix(in hsl, hsl(var(--background)) 97%, black 3%); --background-100: color-mix(in hsl, hsl(var(--background)) 97%, black 3%);
--background-200: color-mix(in hsl, hsl(var(--background)) 94%, black 6%); --background-200: color-mix(in hsl, hsl(var(--background)) 94%, black 6%);
@@ -448,6 +451,7 @@
/* Dark: start from current background and mix toward white */ /* Dark: start from current background and mix toward white */
:root.dark { :root.dark {
--background: color-mix(in hsl, hsl(var(--primary)) var(--bg-tint), white);
--background-50: color-mix(in hsl, hsl(var(--background)) 24%, white 76%); --background-50: color-mix(in hsl, hsl(var(--background)) 24%, white 76%);
--background-100: color-mix(in hsl, hsl(var(--background)) 36%, white 64%); --background-100: color-mix(in hsl, hsl(var(--background)) 36%, white 64%);
--background-200: color-mix(in hsl, hsl(var(--background)) 48%, white 52%); --background-200: color-mix(in hsl, hsl(var(--background)) 48%, white 52%);