From bcba01f04cc6d012378c3d500b0e683ee69304d8 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ramon.aycojr@gmail.com>
Date: Tue, 3 Sep 2024 21:28:17 +0200
Subject: [PATCH] style: address bar color adjustments (#110)

---
 src/components/SimpleAddressBar.astro | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/SimpleAddressBar.astro b/src/components/SimpleAddressBar.astro
index 6237bc1..5e9b4b6 100644
--- a/src/components/SimpleAddressBar.astro
+++ b/src/components/SimpleAddressBar.astro
@@ -62,9 +62,9 @@ const { url } = Astro.props;
     padding: 0.5rem 1rem;
     text-align: center;
     border-radius: 30px;
-    border: 1px solid #ccc;
+    border: 2px solid rgb(var(--gray));
     background-color: white;
-    box-shadow: 0 1px 3px 1px #eee;
+    box-shadow: 0 1px 3px 1px rgb(var(--gray-light));
     display: flex;
 
     input[type="url"]:focus {
@@ -77,7 +77,7 @@ const { url } = Astro.props;
       border-radius: 30px;
       font-size: normal;
       padding: 0.5rem;
-      color: #555;
+      color: rgb(var(--black));
       caret-color: var(--accent);
     }
 
@@ -93,9 +93,8 @@ const { url } = Astro.props;
       svg {
         border: 0px;
         background-color: transparent;
-        margin-top: 3px;
-        width: 18px;
-        height: 18px;
+        width: 24px;
+        height: 24px;
         cursor: pointer;
       }
     }
@@ -134,7 +133,7 @@ const { url } = Astro.props;
     }
 
     .btn[disabled="true"] svg {
-      color: #ccc !important;
+      color: rgb(var(--gray-light)) !important;
       cursor: default !important;
     }
   }