From f09b2ad4995c0c186076553b92d9c85e2e0a7879 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Mon, 2 Sep 2024 01:09:49 +0200
Subject: [PATCH] style: address bar focus outline accent

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

diff --git a/src/components/SimpleAddressBar.astro b/src/components/SimpleAddressBar.astro
index eff25a1..666398d 100644
--- a/src/components/SimpleAddressBar.astro
+++ b/src/components/SimpleAddressBar.astro
@@ -42,6 +42,12 @@ const { url } = Astro.props;
     position: relative;
   }
 
+  form:has(
+    input[type="url"]:focus
+  ) {
+     border-color: var(--accent);
+  }
+
   form {
     width: 100%;
     padding: 0.15rem 1rem;