From 67af3bedecd6850e9fab4672a2a541b7d66d495f Mon Sep 17 00:00:00 2001
From: Angelika Tyborska <angelikatyborska@fastmail.com>
Date: Tue, 22 Aug 2023 19:03:17 +0200
Subject: [PATCH] Make checked switch button focus state visible

---
 assets/css/settings.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/assets/css/settings.css b/assets/css/settings.css
index ec92c9642..b14b6cd9c 100644
--- a/assets/css/settings.css
+++ b/assets/css/settings.css
@@ -92,6 +92,19 @@
   background-color: var(--main);
 }
 
+#settings-modal-content .switch-button__checkbox:focus {
+  outline: 0;
+}
+
+#settings-modal-content .switch-button__checkbox:focus + .switch-button__bg {
+  outline: 2px solid var(--main);
+  outline-offset: 2px;
+}
+
+#settings-modal-content .switch-button__checkbox:focus:not(:focus-visible) + .switch-button__bg {
+  outline: 0;
+}
+
 #settings-modal-content .settings-select {
   cursor: pointer;
   position: relative;