From 12d6f33197992157c02f6ec70d02fbf965b0e8c0 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Mon, 19 May 2025 19:44:51 +0600
Subject: [PATCH] web/app.css: fix text color in active buttons with focus ring

---
 web/src/app.css | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/web/src/app.css b/web/src/app.css
index f352beeb..397f4ddd 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -265,6 +265,14 @@ a:not(.sidebar-tab):not(.subnav-tab):focus-visible {
     background-color: var(--secondary);
 }
 
+/* important is used because active class is toggled by state */
+/* and added to the end of the list, taking priority */
+.button.active:focus-visible,
+a.active:focus-visible {
+    color: var(--white) !important;
+    background-color: var(--blue) !important;
+}
+
 @media (hover: hover) {
     .button:hover {
         background-color: var(--button-hover);
@@ -299,13 +307,6 @@ button[disabled] {
     cursor: default;
 }
 
-/* important is used because active class is toggled by state */
-/* and added to the end of the list, taking priority */
-.active:focus-visible {
-    color: var(--white);
-    background-color: var(--blue) !important;
-}
-
 /* workaround for typing into inputs being ignored on iPadOS 15 */
 input {
     user-select: text;