search

commit 47e4b493ef6bb6c1318ebf4ddcbe821e471ae35b
parent f96ce5706d1ab3f29a0faa00ce4a357807555dc2
Author: M. A. Irsyad M. Aminuddin <contact@irsyad.page>
Date:   Sun, 16 Feb 2025 16:03:47 +0800

Add auto dark-mode styling

Diffstat:
M
src/global.css
 | 
46
++++++++++++++++++++++++++++++++++++++++++++++

1 file changed, 46 insertions(+), 0 deletions(-)
diff --git 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;
+  }
+}