whatever this is good enough

SupKittyMeow · SupKittyMeow · commit 85cb7c31d1d3 · 2026-01-21T22:18:50.000-08:00
diff --git a/src/app/about/actual/page.tsx b/src/app/about/actual/page.tsx
@@ -1,11 +1,13 @@
 /* eslint-disable @next/next/no-img-element */
 "use client";
 
+import SetColor from "@/components/SetColor";
 import Link from "next/link";
 
 export default function ActualAbout() {
   return (
     <div className="flex flex-col items-center gap-5">
+      <SetColor />
       <h1 className="text-5xl text-primary overflow-hidden">About me</h1>
       <h2 className="justify-center text-3xl w-fit text-secondary overflow-hidden">
         (for real this time)
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
@@ -1,10 +1,12 @@
 "use client";
 
+import SetColor from "@/components/SetColor";
 import Link from "next/link";
 
 export default function About() {
   return (
     <div className="flex flex-col items-center gap-5">
+      <SetColor />
       <h1 className="text-5xl text-primary overflow-hidden">About me</h1>
       <h2 className="justify-center text-3xl w-fit text-secondary overflow-hidden">
         i am probably a human person
diff --git a/src/app/games/page.tsx b/src/app/games/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import GamesButton from "@/components/GamesButton";
+import SetColor from "@/components/SetColor";
 import { useSearchParams } from "next/navigation";
 
 export default function GamesClient() {
@@ -13,6 +14,7 @@ export default function GamesClient() {
   } else {
     return (
       <div className="flex flex-col items-center gap-5">
+        <SetColor />
         <h1 className="justify-center text-7xl w-fit text-primary overflow-hidden">
           Games
         </h1>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,4 +1,3 @@
-import SetColor from "@/components/SetColor";
 import SwitcherLink from "@/components/SwitcherLink";
 import { Metadata } from "next";
 import "./globals.css";
@@ -16,7 +15,6 @@ export default function RootLayout({
   return (
     <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/app/page.tsx b/src/app/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import SetColor from "@/components/SetColor";
 import { useEffect, useRef, useState } from "react";
 
 const splashArray: Array<string> = [
@@ -106,6 +107,7 @@ export default function Home() {
 
   return (
     <div className="flex flex-col items-center gap-5">
+      <SetColor />
       <h1 className="justify-center text-7xl w-fit text-primary overflow-hidden font-fancy">
         Precontation
       </h1>
