Updates

layouts/main/Header.tsx

@@ -18,7 +18,7 @@ export default function Header({ menuOpen, setMenuOpen }: Props) {
             className={twMerge(
                 "h-[var(--header-height)] border-0 border-b border-white/10",
                 "w-full flex flex-row items-center px-6 sticky top-0",
-                "bg-[var(--bg-color)] z-10"
+                "bg-background-dark z-10"
             )}
         >
             <Row className="gap-6 ml-auto hidden md:flex">

tailwind.config.ts

@@ -1,20 +0,0 @@
-import type { Config } from "tailwindcss";
-
-export default {
-    content: [
-        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-        "./components/**/*.{js,ts,jsx,tsx,mdx}",
-        "./app/**/*.{js,ts,jsx,tsx,mdx}",
-        "./layouts/**/*.{js,ts,jsx,tsx,mdx}",
-    ],
-    theme: {
-        extend: {
-            colors: {
-                background: "var(--background)",
-                foreground: "var(--foreground)",
-            },
-        },
-    },
-    plugins: [],
-    darkMode: "class",
-} satisfies Config;