🌈 style: Add styles for globals
This commit is contained in:
@@ -1,23 +1,37 @@
|
|||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
|
|
||||||
/* :root {
|
:root {
|
||||||
--background: #ffffff;
|
--background: #ffffff;
|
||||||
--foreground: #171717;
|
--foreground: #171717;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@theme inline {
|
||||||
|
--color-background: var(--background);
|
||||||
|
--color-foreground: var(--foreground);
|
||||||
|
--font-sans: var(--font-geist-sans);
|
||||||
|
--font-mono: var(--font-geist-mono);
|
||||||
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
--background: #0a0a0a;
|
--background: #0a0a0a;
|
||||||
--foreground: #ededed;
|
--foreground: #ededed;
|
||||||
|
--font-merryweather: "Merriweather", serif;
|
||||||
|
--font-open-sans: "Open Sans", sans-serif;
|
||||||
}
|
}
|
||||||
} */
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: var(--foreground);
|
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
font-family: "Open Sans", sans-serif;
|
color: var(--foreground);
|
||||||
|
font-family: var(--font-open-sans), sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark {
|
h1,
|
||||||
@apply bg-black text-white;
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
font-family: var(--font-noto-serif), serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user