Fayorg
/
calendrier-avent
mirror of https://github.com/Fayorg/calendrier-avant.git
1
0
Fork 0
Code Activity

Added styles.global

This commit is contained in:
timhaller 2023-12-05 20:51:00 +01:00
parent f065cec0a5
commit 394f39d073
1 changed files with 36 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
app/styles/globals.css
View File

@ -1,50 +1,46 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base { @layer base {
:root { :root {
--background: ${bgL.hslRaw}; --background: 0 0% 100%;
--foreground: ${textL.hslRaw}; --foreground: 0 0% 6%;
--card: ${bgL.hslRaw}; --card: 0 0% 100%;
--card-foreground: ${textL.hslRaw}; --card-foreground: 0 0% 6%;
--popover: ${bgL.hslRaw}; --popover: 0 0% 100%;
--popover-foreground: ${textL.hslRaw}; --popover-foreground: 0 0% 6%;
--primary: ${primaryL.hslRaw}; --primary: 145 21% 29%;
--primary-foreground: ${primaryFgL.hslRaw}; --primary-foreground: 0 0% 100%;
--secondary: ${secondaryL.hslRaw}; --secondary: 87 31% 49%;
--secondary-foreground: ${secondaryFgL.hslRaw}; --secondary-foreground: 0 0% 6%;
--muted: ${bgL.hslRaw.20}; --muted: 0 0% 20%;
--muted-foreground: ${textL.hslRaw.70}; --muted-foreground: 0 0% 70%;
--accent: ${accentL.hslRaw}; --accent: 348 71% 35%;
--accent-foreground: ${accentFgL.hslRaw}; --accent-foreground: 0 0% 100%;
--destructive: 0 85% 60%; --destructive: 0 85% 60%;
--destructive-foreground: ${textL.hslRaw}; --destructive-foreground: 0 0% 6%;
--border: ${bgL.hslRaw.20}; --border: 0 0% 20%;
--input: ${bgL.hslRaw.20}; --input: 0 0% 20%;
--ring: ${accentL.hslRaw.40}; --ring: 348 71% 40%;
--radius: 0.5rem; --radius: 0.5rem;
} }
.dark { .dark {
--background: ${bgD.hslRaw}; --background: 0 0% 0%;
--foreground: ${textD.hslRaw}; --foreground: 0 0% 94%;
--card: ${bgD.hslRaw}; --card: 0 0% 0%;
--card-foreground: ${textD.hslRaw}; --card-foreground: 0 0% 94%;
--popover: ${bgD.hslRaw}; --popover: 0 0% 0%;
--popover-foreground: ${textD.hslRaw}; --popover-foreground: 0 0% 94%;
--primary: ${primaryD.hslRaw}; --primary: 143 21% 71%;
--primary-foreground: ${primaryFgD.hslRaw}; --primary-foreground: 0 0% 0%;
--secondary: ${secondaryD.hslRaw}; --secondary: 87 31% 51%;
--secondary-foreground: ${secondaryFgD.hslRaw}; --secondary-foreground: 0 0% 0%;
--muted: ${bgD.hslRaw.80}; --muted: 0 0% 80%;
--muted-foreground: ${textD.hslRaw}; --muted-foreground: 0 0% 94%;
--accent: ${accentD.hslRaw}; --accent: 348 71% 65%;
--accent-foreground: ${accentFgD.hslRaw}; --accent-foreground: 0 0% 0%;
--destructive: 0 62% 30%; --destructive: 0 62% 30%;
--destructive-foreground: ${textD.hslRaw.10}; --destructive-foreground: 0 0% 10%;
--border: ${bgD.hslRaw.60}; --border: 0 0% 60%;
--input: ${bgD.hslRaw.80}; --input: 0 0% 80%;
--ring: ${accentD.hslRaw.60}; --ring: 348 71% 60%;
} }
} }