2024-03-24 21:19:56 +01:00
|
|
|
@tailwind base;
|
|
|
|
@tailwind components;
|
|
|
|
@tailwind utilities;
|
|
|
|
/*
|
|
|
|
Light Mode: https://www.realtimecolors.com/dashboard?colors=161618-f0f0f0-FFE500-dbddff-6120cf&fonts=Poppins-Poppins
|
2024-04-03 09:21:48 +02:00
|
|
|
Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5-390068-ffe500&fonts=Poppins-Poppins
|
2024-03-24 21:19:56 +01:00
|
|
|
*/
|
|
|
|
@layer base {
|
|
|
|
:root {
|
|
|
|
--color-bkg: 0deg, 0%, 94%;
|
|
|
|
--color-content: 240deg, 4%, 9%;
|
|
|
|
--color-primary: 54deg, 100%, 50%;
|
|
|
|
--color-secondary: 237deg, 100%, 93%;
|
|
|
|
--color-accent: 262deg, 73%, 47%;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
:root {
|
|
|
|
--color-bkg: 0deg, 0%, 6%;
|
|
|
|
--color-content: 240deg, 4%, 91%;
|
|
|
|
--color-primary: 262deg, 77%, 44%;
|
2024-04-03 09:21:48 +02:00
|
|
|
--color-secondary: 273deg, 100%, 20%;
|
2024-03-24 21:19:56 +01:00
|
|
|
--color-accent: 54deg, 100%, 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
:root[data-theme="dark"] {
|
|
|
|
--color-bkg: 0deg, 0%, 6%;
|
|
|
|
--color-content: 240deg, 4%, 91%;
|
|
|
|
--color-primary: 262deg, 77%, 44%;
|
2024-04-03 09:21:48 +02:00
|
|
|
--color-secondary: 273deg, 100%, 20%;
|
2024-03-24 21:19:56 +01:00
|
|
|
--color-accent: 54deg, 100%, 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
:root[data-theme="light"] {
|
|
|
|
--color-bkg: 0deg, 0%, 94%;
|
|
|
|
--color-content: 240deg, 4%, 9%;
|
|
|
|
--color-primary: 54deg, 100%, 50%;
|
2024-04-03 09:21:48 +02:00
|
|
|
--color-secondary: 237deg, 100%, 93%;
|
2024-03-24 21:19:56 +01:00
|
|
|
--color-accent: 262deg, 73%, 47%;
|
|
|
|
}
|
|
|
|
}
|