fix color change setter thing for secondary color so now its not flashing red

Precontation · Precontation · commit 8d190dbe4dc4 · 2026-01-19T22:26:49.000-08:00
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,6 @@
-import SetColor from "@/components/SetColor";
 import SwitcherLink from "@/components/SwitcherLink";
 import { Metadata } from "next";
+import { CSSProperties } from "react";
 import "./globals.css";
 
 export const metadata: Metadata = {
@@ -13,9 +13,21 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  function getRandomColor() {
+    const letters = "89ABCDEF89ABCDEF";
+    let color = "#";
+    for (let i = 0; i < 6; i++) {
+      // eslint-disable-next-line react-hooks/purity
+      color += letters[Math.floor(Math.random() * 16)];
+    }
+    return color;
+  }
+
   return (
-    <html lang="en">
-      <SetColor />
+    <html
+      lang="en"
+      style={{ "--secondary": getRandomColor() } as CSSProperties}
+    >
       <body className="antialiased flex flex-col min-h-screen">
         <header className="backdrop-blur-3xl border-b sticky top-0 min-w-full z-100">
           <nav className="flex gap-10 h-10 justify-center">
