diff --git a/404.html b/404.html
index 6a29820..f64f47a 100644
--- a/404.html
+++ b/404.html
@@ -6,6 +6,11 @@
   <title>ha.mr - link compressor</title>
   <style>
     @import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');
+
+    :root {
+      color-scheme: light dark;
+    }
+
     html, body {
       margin: 0;
       width: 100%;
@@ -78,7 +83,6 @@
       border-radius: 10px;
       margin: 10px 0;
       font-size: 16px;
-      background-color: rgb(230, 230, 230);
     }
     #output-link-container {
       margin: 10px 0 0 0;
@@ -165,4 +169,4 @@
 
   <script type="module" src="/main.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 6a29820..f64f47a 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,11 @@
   <title>ha.mr - link compressor</title>
   <style>
     @import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');
+
+    :root {
+      color-scheme: light dark;
+    }
+
     html, body {
       margin: 0;
       width: 100%;
@@ -78,7 +83,6 @@
       border-radius: 10px;
       margin: 10px 0;
       font-size: 16px;
-      background-color: rgb(230, 230, 230);
     }
     #output-link-container {
       margin: 10px 0 0 0;
@@ -165,4 +169,4 @@
 
   <script type="module" src="/main.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file