diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 49e5874..a625f65 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -266,7 +266,8 @@
 
 		<img src="/homepage/fullbody.png" class="lg:w-1/3 h-full z-10" alt="contact" />
 
-		<div class="absolute inset-0 w-full h-full opacity-50 bg-contain bg-no-repeat bg-center" style="background-image: url('homepage/blob2.svg')"></div>
+		<div class="absolute inset-0 w-full h-full opacity-80 bg-contain bg-no-repeat bg-center block dark:hidden" style="background-image: url('homepage/blob2-light.svg')"></div>
+		<div class="absolute inset-0 w-full h-full opacity-20 bg-contain bg-no-repeat bg-center hidden dark:block" style="background-image: url('homepage/blob2-dark.svg')"></div>
 		<!-- <div class="absolute right-0 top-0 bottom-0 w-1/2 h-full opacity-5 bg-contain bg-no-repeat" style="background-image: url('homepage/fullbody.png')"></div> -->
 	</section>
 </main>
diff --git a/static/homepage/blob2-dark.svg b/static/homepage/blob2-dark.svg
new file mode 100644
index 0000000..70db762
--- /dev/null
+++ b/static/homepage/blob2-dark.svg
@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 900 600" width="900" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(480.0005693571776 313.1188457984587)"><path d="M236.7 -215.3C297.5 -175.8 331.3 -87.9 329.6 -1.6C328 84.6 290.9 169.2 230.1 206.7C169.2 244.2 84.6 234.6 3.4 231.2C-77.8 227.8 -155.6 230.6 -230.6 193.1C-305.6 155.6 -377.8 77.8 -388.3 -10.5C-398.8 -98.8 -347.5 -197.5 -272.5 -237C-197.5 -276.5 -98.8 -256.8 -5.4 -251.3C87.9 -245.9 175.8 -254.8 236.7 -215.3" fill="#000000"></path></g></svg>
\ No newline at end of file
diff --git a/static/homepage/blob2.svg b/static/homepage/blob2-light.svg
similarity index 100%
rename from static/homepage/blob2.svg
rename to static/homepage/blob2-light.svg