From 5e88655615c4cb919efd9dcb8a47564d18cea2c6 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Mon, 11 Jan 2021 13:38:03 +0200
Subject: [PATCH] closes #164 probably

---
 pages/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index dc51d2843..fd72ce212 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -5,10 +5,13 @@ import MyLink from "components/common/MyLink";
 import { useMyTheme } from "lib/useMyTheme";
 import Image from "next/image";
 import Link from "next/link";
+import { useState } from "react";
 
 const Home = () => {
   const { gray } = useMyTheme();
   const { colorMode } = useColorMode();
+  const [rgb, setRgb] = useState(false);
+
   return (
     <>
       {/* <SEO
@@ -19,11 +22,12 @@ const Home = () => {
       /> */}
       <Box textAlign="center">
         <Image
-          className="rgb"
+          className={rgb ? "rgb" : undefined}
           src={`/layout/posterGirl_${colorMode}.png`}
           width={481}
           height={400}
           priority
+          onLoad={() => setRgb(true)}
         />
         <Heading size="2xl">Sendou.ink</Heading>
         <Box fontWeight="semibold" letterSpacing="wide" color={gray}>