diff --git a/svelte/src/lib/index.html b/svelte/src/lib/index.html
index 60d1a45..af70aa3 100644
--- a/svelte/src/lib/index.html
+++ b/svelte/src/lib/index.html
@@ -12,12 +12,13 @@
 				left: 0;
 				top: 0;
 				width: 100%;
+				height: 100%;
+				position: fixed;
 			}
 
 			html, body {
 				margin: 0 !important;
 				padding: 0 !important;
-				height: 1000px;
 			}
 		</style>
 	</head>
@@ -29,10 +30,17 @@
 
 		<!-- Allow the C++ to access the canvas element -->
 		<script type='text/javascript'>
+			//https://stackoverflow.com/a/57795495/8302811
+			let dark_mode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+			if(dark_mode) {
+				document.body.style.backgroundColor = "black";
+			}
+
 			var Module = {
 				canvas: ( function () { return document.getElementById( 'canvas' ); } )(),
 				// Uncomment this to enable mouse wheel
 				// arguments: ["--wheel"]
+				arguments: [dark_mode ? "--dark" : "--light"]
 			};
 		</script>