diff --git a/index.html b/index.html
index f5998aa8..4c6f9f80 100644
--- a/index.html
+++ b/index.html
@@ -2,12 +2,26 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="/logo_light.svg"
+      media="(prefers-color-scheme: light)"
+    />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="/logo_dark.svg"
+      media="(prefers-color-scheme: dark)"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&display=swap" rel="stylesheet">
-    
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&display=swap"
+      rel="stylesheet"
+    />
+
     <title>New Tab</title>
   </head>
   <body>
diff --git a/public/logo_dark.svg b/public/logo_dark.svg
new file mode 100644
index 00000000..123bdaf4
--- /dev/null
+++ b/public/logo_dark.svg
@@ -0,0 +1,12 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1403_12)">
+<path d="M33.5371 87.0532C29.1188 87.0532 25.5371 90.4682 25.5371 94.6809C25.5371 98.8936 29.1188 102.309 33.5371 102.309H95.3665C99.7848 102.309 103.367 98.8936 103.367 94.6809C103.367 90.4682 99.7848 87.0532 95.3665 87.0532H33.5371Z" fill="white" stroke="white" stroke-width="9"/>
+<path d="M37.3433 56.5415C32.925 56.5415 29.3433 59.9565 29.3433 64.1692C29.3433 68.3818 32.925 71.7969 37.3433 71.7969H78.4116C82.8298 71.7969 86.4116 68.3818 86.4116 64.1692C86.4116 59.9565 82.8298 56.5415 78.4116 56.5415H37.3433Z" fill="white" stroke="white" stroke-width="9"/>
+<path d="M54.644 26.2055C50.2258 26.2055 46.644 29.6206 46.644 33.8332C46.644 38.0459 50.2258 41.4609 54.644 41.4609H87.0619C91.4801 41.4609 95.0619 38.0459 95.0619 33.8332C95.0619 29.6206 91.4801 26.2055 87.0619 26.2055H54.644Z" fill="white" stroke="white" stroke-width="9"/>
+</g>
+<defs>
+<clipPath id="clip0_1403_12">
+<rect width="128" height="128" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/logo_light.svg b/public/logo_light.svg
new file mode 100644
index 00000000..d4b05c39
--- /dev/null
+++ b/public/logo_light.svg
@@ -0,0 +1,12 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1403_2)">
+<path d="M33.5371 87.0571C29.1188 87.0571 25.5371 90.4721 25.5371 94.6848C25.5371 98.8975 29.1188 102.312 33.5371 102.312H95.3665C99.7848 102.312 103.367 98.8975 103.367 94.6848C103.367 90.4721 99.7848 87.0571 95.3665 87.0571H33.5371Z" fill="black" stroke="black" stroke-width="9"/>
+<path d="M37.3433 56.5454C32.925 56.5454 29.3433 59.9604 29.3433 64.1731C29.3433 68.3857 32.925 71.8008 37.3433 71.8008H78.4116C82.8298 71.8008 86.4116 68.3857 86.4116 64.1731C86.4116 59.9604 82.8298 56.5454 78.4116 56.5454H37.3433Z" fill="black" stroke="black" stroke-width="9"/>
+<path d="M54.644 26.2094C50.2258 26.2094 46.644 29.6245 46.644 33.8371C46.644 38.0498 50.2258 41.4648 54.644 41.4648H87.0619C91.4801 41.4648 95.0619 38.0498 95.0619 33.8371C95.0619 29.6245 91.4801 26.2094 87.0619 26.2094H54.644Z" fill="black" stroke="black" stroke-width="9"/>
+</g>
+<defs>
+<clipPath id="clip0_1403_2">
+<rect width="128" height="128" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/vite.svg b/public/vite.svg
deleted file mode 100644
index 7a96c25a..00000000
--- a/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 100"><g transform="translate(0,-952.36218)"><path style="text-indent:0;text-transform:none;direction:ltr;block-progression:tb;baseline-shift:baseline;color:#000000;enable-background:accumulate;" d="m 13.000002,965.36212 c -3.8434,0 -7,3.15659 -7,7 l 0,60.00008 c 0,3.8434 3.1566,7 7,7 l 74,0 c 3.843396,0 6.999996,-3.1566 6.999996,-7 l 0,-46.00008 c 0,-3.8434 -3.1566,-7 -6.999996,-7 l -40.9375,0 c -2.8747,-3.6604 -5.1518,-8.69763 -8.1875,-11.78125 -1.1784,-1.1787 -2.8413,-2.21875 -4.875,-2.21875 z m 0,4 20,0 c 0.7363,0 1.3176,0.28614 2.0625,1.03125 2.9889,3.74983 5.5039,7.8965 8.2813,12.0625 0.3584,0.54871 1.0008,0.90024 1.6562,0.90625 l 42,0 c 1.6966,0 3,1.3034 3,3 l 0,46.00008 c 0,1.6966 -1.3034,3 -3,3 l -74,0 c -1.6966,0 -3,-1.3034 -3,-3 l 0,-60.00008 c 0,-1.69661 1.3034,-3 3,-3 z" fill="#000000" fill-opacity="1" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible"/></g></svg>
\ No newline at end of file
