sliightly better splash text (still bad). hopefully now shows the name instead of the website url

SupKittyMeow · SupKittyMeow · commit ea0c60b062cb · 2026-01-20T13:30:03.000-08:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -4,7 +4,7 @@
   --background: #ffffff;
   --foreground: #171717;
   --primary: #768fe4;
-  --secondary: #f76565;
+  --secondary: transparent;
 }
 
 @theme inline {
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,22 +13,10 @@ 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"
-      style={{ "--secondary": getRandomColor() } as CSSProperties}
-    >
+    <html lang="en">
       <body className="antialiased flex flex-col min-h-screen">
+        <SetColor />
         <header className="backdrop-blur-3xl border-b sticky top-0 min-w-full z-100">
           <nav className="flex gap-10 h-10 justify-center">
             <SwitcherLink to="" name="Home"></SwitcherLink>
diff --git a/src/components/SetColor.tsx b/src/components/SetColor.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import { useEffect } from "react";
+
+export default function SetColor() {
+  // Stackoverflow, you may be pretty much dead, but you aren't dead in my heart!
+  // Modified from https://stackoverflow.com/questions/1484506/random-color-generator
+  function getRandomColor() {
+    const letters = "89ABCDEF89ABCDEF";
+    let color = "#";
+    for (let i = 0; i < 6; i++) {
+      color += letters[Math.floor(Math.random() * 16)];
+    }
+    return color;
+  }
+
+  useEffect(() => {
+    document.documentElement.style.setProperty("--secondary", getRandomColor());
+  }, []);
+
+  return <></>;
+}

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`--background: #ffffff;`
`5`	`5`	`--foreground: #171717;`
`6`	`6`	`--primary: #768fe4;`
`7`		`- --secondary: #f76565;`
	`7`	`+ --secondary: transparent;`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`@theme inline {`