🌈 style: Add styles for globals

2026-01-20 01:38:10 +03:00
parent 80ed9c8978
commit d734131325
1 changed files with 20 additions and 6 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,23 +1,37 @@
@import "tailwindcss";

-/* :root {
+:root {
  --background: #ffffff;
  --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) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
+    --font-merryweather: "Merriweather", serif;
+    --font-open-sans: "Open Sans", sans-serif;
+  }
 }
-} */

 body {
-  color: var(--foreground);
  background: var(--background);
-  font-family: "Open Sans", sans-serif;
+  color: var(--foreground);
+  font-family: var(--font-open-sans), sans-serif;
 }

-.dark {
-  @apply bg-black text-white;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--font-noto-serif), serif;
 }