From 47e4b493ef6bb6c1318ebf4ddcbe821e471ae35b Mon Sep 17 00:00:00 2001
From: "M. A. Irsyad M. Aminuddin" <contact@irsyad.page>
Date: Sun, 16 Feb 2025 16:03:47 +0800
Subject: [PATCH] Add auto dark-mode styling

---
 src/global.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/src/global.css b/src/global.css
index 7468225..bac59e4 100644
--- a/src/global.css
+++ b/src/global.css
@@ -61,6 +61,7 @@ h6 {
 a {
   color: #444444;
 }
+
 a:hover {
   color: #888888;
 }
@@ -148,3 +149,48 @@ textarea {
 .footer a:hover {
   color: #333;
 }
+
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #ddd;
+  }
+
+  #app {
+    background-color: #131313;
+  }
+
+  a {
+    color: #a9a9a9;
+  }
+
+  a:hover {
+    color: #888;
+  }
+
+  .footer,
+  .footer a {
+    color: #999;
+  }
+
+  .footer a:hover {
+    color: #ccc;
+  }
+
+  .url-input {
+    border-color: #3d3d3d;
+    background-color: #191919;
+    color: #fff;
+  }
+
+  .copy-button img {
+    filter: invert(1);
+  }
+
+  .copy-button:hover {
+    background: #222;
+  }
+
+  .copy-button:active {
+    background: #333;
+  }
+}