feat: Added a light version and an automatic (light/dark) version for each theme

This commit is contained in:
lynn pepin 2023-06-16 14:21:29 -04:00
parent 07b99b9758
commit c365a2373e
13 changed files with 228 additions and 5 deletions

View file

@ -0,0 +1,29 @@
:root {
@media (prefers-color-scheme: dark) {
--accent: rgb(120,226,160);
--accent-alpha-70: rgba(120,226,160,.7);
--accent-alpha-20: rgba(120,226,160,.2);
--background: #101010;
--color: #f0f0f0;
--border-color: rgba(255,240,224,.125);
div.logo {
color: black;
}
}
@media (prefers-color-scheme: light) {
--accent: rgb(24, 192, 128);
--accent-alpha-70: rgba(24, 192, 128,.7);
--accent-alpha-20: rgba(24, 192, 128,.2);
--background: white;
--color: #201030;
--border-color: rgba(0,0,16,.125)
div.logo {
color: white;
}
}
}