Update src/app/globals.css

src/app/blog/page.tsx

@@ -54,7 +54,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {

src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
+  /* --background: #060000;;
-  --card: #ffffff;;
+  --card: #1d0d0d;;
-  --foreground: #1c1c1c;;
+  --foreground: #ffe6e6;;
-  --primary-cta: #1c1c1c;;
+  --primary-cta: #ff3d4a;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1f0a0a;;
-  --accent: #15479c;;
+  --accent: #7b2d2d;;
-  --background-accent: #a8cce8;; */
+  --background-accent: #b8111f;; */
 
-  --background: #f5f5f5;;
+  --background: #060000;;
-  --card: #ffffff;;
+  --card: #1d0d0d;;
-  --foreground: #1c1c1c;;
+  --foreground: #ffe6e6;;
-  --primary-cta: #1c1c1c;;
+  --primary-cta: #ff3d4a;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1f0a0a;;
-  --accent: #15479c;;
+  --accent: #7b2d2d;;
-  --background-accent: #a8cce8;;
+  --background-accent: #b8111f;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";