diff --git a/components/layout/BeautifulDrawingByBorzoic.tsx b/components/layout/BeautifulDrawingByBorzoic.tsx
index 34b1bdf54..2d996f42d 100644
--- a/components/layout/BeautifulDrawingByBorzoic.tsx
+++ b/components/layout/BeautifulDrawingByBorzoic.tsx
@@ -1,4 +1,9 @@
-import { Box, Image } from "@chakra-ui/react";
+import {
+  Box,
+  Image,
+  useColorMode,
+  useColorModePreference,
+} from "@chakra-ui/react";
 import { useState } from "react";
 
 interface HSL {
@@ -377,6 +382,8 @@ const BeautifulDrawingOfBorzoic = ({
   colorIndex: number;
   setColorIndex: (newIndex: number) => void;
 }) => {
+  const { colorMode } = useColorMode();
+
   return (
     <Box
       position="relative"
@@ -398,8 +405,14 @@ const BeautifulDrawingOfBorzoic = ({
         top="0"
         left="0"
         filter={getFilters(COLOR_OPTIONS[colorIndex][type === "girl" ? 0 : 1])}
+        alt=""
+      />
+      <Image
+        src={`/layout/new_${type}_${colorMode}.png`}
+        maxW={80}
+        position="absolute"
+        alt=""
       />
-      <Image src={`/layout/new_${type}.png`} maxW={80} position="absolute" />
     </Box>
   );
 };
diff --git a/public/layout/new_boy.png b/public/layout/new_boy.png
deleted file mode 100644
index f8eaf415d..000000000
Binary files a/public/layout/new_boy.png and /dev/null differ
diff --git a/public/layout/new_boy_dark.png b/public/layout/new_boy_dark.png
new file mode 100644
index 000000000..bb09ddd57
Binary files /dev/null and b/public/layout/new_boy_dark.png differ
diff --git a/public/layout/new_boy_light.png b/public/layout/new_boy_light.png
new file mode 100644
index 000000000..ee4edd0d2
Binary files /dev/null and b/public/layout/new_boy_light.png differ
diff --git a/public/layout/new_girl.png b/public/layout/new_girl.png
deleted file mode 100644
index 1a5a9793c..000000000
Binary files a/public/layout/new_girl.png and /dev/null differ
diff --git a/public/layout/new_girl_dark.png b/public/layout/new_girl_dark.png
new file mode 100644
index 000000000..25686b0f0
Binary files /dev/null and b/public/layout/new_girl_dark.png differ
diff --git a/public/layout/new_girl_light.png b/public/layout/new_girl_light.png
new file mode 100644
index 000000000..bd9a66511
Binary files /dev/null and b/public/layout/new_girl_light.png differ