From d47b958fc38e4acdf0fc2283947f94e990137cff Mon Sep 17 00:00:00 2001
From: p2r3 <p2r3@p2r3.com>
Date: Sun, 16 Aug 2026 12:46:51 +0300
Subject: [PATCH] fix: adjust color of input field responsively

---
 404.html   | 9 ++++++++-
 index.html | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/404.html b/404.html
index f64f47a..48191cb 100644
--- a/404.html
+++ b/404.html
@@ -79,10 +79,17 @@
       padding: 5px 8px;
       border: 0;
       outline: 0;
-      border-bottom: 2px solid darkgray;
+      border-bottom: 2px solid light-dark(
+        rgba(0, 0, 0, 0.2),
+        rgba(255, 255, 255, 0.2)
+      );
       border-radius: 10px;
       margin: 10px 0;
       font-size: 16px;
+      background-color: light-dark(
+        rgba(0, 0, 0, 0.1),
+        rgba(255, 255, 255, 0.1)
+      );
     }
     #output-link-container {
       margin: 10px 0 0 0;
diff --git a/index.html b/index.html
index f64f47a..48191cb 100644
--- a/index.html
+++ b/index.html
@@ -79,10 +79,17 @@
       padding: 5px 8px;
       border: 0;
       outline: 0;
-      border-bottom: 2px solid darkgray;
+      border-bottom: 2px solid light-dark(
+        rgba(0, 0, 0, 0.2),
+        rgba(255, 255, 255, 0.2)
+      );
       border-radius: 10px;
       margin: 10px 0;
       font-size: 16px;
+      background-color: light-dark(
+        rgba(0, 0, 0, 0.1),
+        rgba(255, 255, 255, 0.1)
+      );
     }
     #output-link-container {
       margin: 10px 0 0 0;