feat(frontend): add default Dark Theme
This commit is contained in:
parent
e9ae53d5a5
commit
9e78610488
@ -1,13 +1,18 @@
|
||||
:root {
|
||||
/* :root {
|
||||
--background: #ffffff;
|
||||
--foreground: #171717;
|
||||
}
|
||||
} */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
/* @media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background: #0a0a0a;
|
||||
--foreground: #ededed;
|
||||
}
|
||||
} */
|
||||
|
||||
:root {
|
||||
--background: #0a0a0a;
|
||||
--foreground: #ededed;
|
||||
}
|
||||
|
||||
html,
|
||||
@ -35,8 +40,8 @@ a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
/* @media (prefers-color-scheme: dark) { */
|
||||
html {
|
||||
color-scheme: dark;
|
||||
}
|
||||
}
|
||||
/* } */
|
||||
|
@ -16,7 +16,7 @@
|
||||
font-family: var(--font-geist-sans);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
/* @media (prefers-color-scheme: dark) { */
|
||||
.page {
|
||||
--gray-rgb: 255, 255, 255;
|
||||
--gray-alpha-200: rgba(var(--gray-rgb), 0.145);
|
||||
@ -25,7 +25,7 @@
|
||||
--button-primary-hover: #ccc;
|
||||
--button-secondary-hover: #1a1a1a;
|
||||
}
|
||||
}
|
||||
/* } */
|
||||
|
||||
.main {
|
||||
display: flex;
|
||||
|
Loading…
x
Reference in New Issue
Block a user