Fixed colors

src/app/globals.css

@@ -51,7 +51,7 @@
   --card-foreground: oklch(0.145 0 0);
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
+  --primary: oklch(56.008% 0.28326 298.234);
   --primary-foreground: oklch(0.985 0 0);
   --secondary: oklch(0.97 0 0);
   --secondary-foreground: oklch(0.205 0 0);
@@ -85,8 +85,8 @@
   --card-foreground: oklch(0.985 0 0);
   --popover: oklch(0.205 0 0);
   --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
+  --primary: oklch(63.261% 0.23681 303.14);
+  --primary-foreground: oklch(0.922 0 0);
   --secondary: oklch(0.269 0 0);
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.269 0 0);
@@ -119,8 +119,8 @@
   --card-foreground: oklch(0.985 0 0);
   --popover: oklch(0.150 0 0);
   --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.150 0 0);
+  --primary: oklch(63.261% 0.23681 303.14);
+  --primary-foreground: oklch(0.922 0 0);
   --secondary: oklch(0.269 0 0);
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.215 0 0);

src/app/layout.tsx

@@ -1,8 +1,7 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
-import { cookies } from "next/headers";
-import { parseClientSettings } from "@/lib/clientSettings";
+import { getClientSettings } from "@/lib/clientSettings";
 import { Toaster } from "@/components/ui/sonner";
 
 const geistSans = Geist({
@@ -34,11 +33,7 @@ export default async function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  const cookieStore = await cookies();
-
-  const settings = parseClientSettings(
-    cookieStore.get("settings")?.value || "black"
-  );
+  const settings = getClientSettings();
 
   return (
     <html lang="en">

src/lib/clientSettings.ts

@@ -2,7 +2,7 @@ import { ClientSettings } from "@/types/settings";
 import Cookies from "js-cookie";
 
 export const defaultSettings: ClientSettings = {
-  theme: "black",
+  theme: "dark",
 };
 
 export function parseClientSettings(s?: string): ClientSettings {