search

commit 91a66c25de8b0e7ac5ba589ae6e53a8011d6dc38
parent aad79f91151f95311b8442020bc0375b052f6e97
Author: Theo Browne <me@t3.gg>
Date:   Fri, 18 Apr 2025 17:01:52 -0700

Merge pull request #13 from irsyadpage/dark-mode

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;
+  }
+}