Viel Spaß, Ramez

app/globals.css

@@ -1,26 +1,27 @@
 @import "tailwindcss";
+@import "tw-animate-css";
+
 
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+	--background: #0a0a0a;
+	--foreground: #151515;
+	--border: #373737;
+	--primary: #FFFFFF;
+	--secondary: #989898;
+	--highlight: #FF00FF;
 }
 
 @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;
-  }
+	--color-background: var(--background);
+	--color-foreground: var(--foreground);
+	--color-border: var(--border);
+	--color-primary: var(--primary);
+	--color-secondary: var(--secondary);
+	--color-highlight: var(--highlight);
 }
 
 body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
-}
+	background-color: var(--background);
+  	color: var(--primary);
+  	font-family: monospace;
+}