From 89a55bfdc6db6e4680adf65367249685a840e094 Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Sun, 30 Jun 2024 16:22:24 +0800
Subject: [PATCH] Style tab button focus outline

---
 src/assets/css/components.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/components.css b/src/assets/css/components.css
index 360e3b8c..21de33a1 100644
--- a/src/assets/css/components.css
+++ b/src/assets/css/components.css
@@ -174,9 +174,9 @@ p + .adoptables { margin-top: 1em; }
 
 .tab__btn:hover { background-color: #d5c2d6; }
 
-.tab__btn:active {
-    color: var(--clr-title-border);
-    background-color: var(--clr-code-bg);
+.tab__btn:focus {
+    outline: 0.2em solid var(--clr-title-border);
+    outline-offset: 0.15em;
 }
 
 /* Web ring */