From 7a5f333f480979b675ab4740a5109c81c7c116f7 Mon Sep 17 00:00:00 2001
From: Ayan Khan <AyanKhanOffiiciall@gmail.com>
Date: Sun, 16 Aug 2026 10:06:24 +0530
Subject: [PATCH] feat: add system-aware dark theme

---
 404.html   | 8 ++++++--
 index.html | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

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