From f55decfec605613dcf3df8f511ac5d6ed7e63011 Mon Sep 17 00:00:00 2001
From: Ruben <sneexy@disroot.org>
Date: Mon, 30 Jun 2025 01:00:20 -0500
Subject: [PATCH] accessibility fixes

---
 _includes/styles/base.css   | 17 ++++++++++++++---
 _includes/styles/navbar.css |  4 ++++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/_includes/styles/base.css b/_includes/styles/base.css
index 482a71e..c3616c8 100644
--- a/_includes/styles/base.css
+++ b/_includes/styles/base.css
@@ -29,7 +29,8 @@ it doesn't have a name, call it "synth.download color scheme official real"
     --foreground: #3d454d;
     --selection: #f0eee4;
     --comment: #abb0b6;
-    --accent: #fd9e1a;
+    --accent: #ffaa33;
+    --link: #9f5e03;
 
     /* original ayu colors */
     --orange: #ff9940;
@@ -75,6 +76,7 @@ it doesn't have a name, call it "synth.download color scheme official real"
         --selection: #253340;
         --comment: #5c6773;
         --accent: #e6b450;
+        --link: #e6b450;
 
         /* original ayu colors */
         --orange: #ffb454;
@@ -121,6 +123,7 @@ html[data-theme="light"] {
     --selection: #f0eee4;
     --comment: #abb0b6;
     --accent: #ffaa33;
+    --link: #9f5e03;
 
     /* original ayu colors */
     --orange: #ff9940;
@@ -165,6 +168,7 @@ html[data-theme="dark"] {
     --selection: #253340;
     --comment: #5c6773;
     --accent: #e6b450;
+    --link: #e6b450;
 
     /* original ayu colors */
     --orange: #ffb454;
@@ -259,13 +263,13 @@ button {
 /* links should look good i think */
 a {
     font-size: 1.125rem;
-    color: var(--accent);
+    color: var(--link);
     transition: 0.2s;
 }
 
 a:hover {
     transition: 0.2s;
-    text-shadow: 0em 0em 0.25em var(--accent);
+    text-shadow: 0em 0em 0.25em var(--link);
 }
 
 /* smol text */
@@ -427,6 +431,13 @@ summary {
     transition: all .2s;
 }
 
+/* focus styling */
+:focus-visible {
+    outline: .4rem solid var(--ui-purple) !important;
+    border-radius: .2rem;
+    z-index: 999999 !important;
+}
+
 /* ---------------
 - alt text popup -
 --------------- */
diff --git a/_includes/styles/navbar.css b/_includes/styles/navbar.css
index f64ccd9..745c48e 100644
--- a/_includes/styles/navbar.css
+++ b/_includes/styles/navbar.css
@@ -164,6 +164,10 @@
             position: absolute;
         }
 
+        input[type="checkbox"]#nav-settings-menu:focus-visible {
+            left: unset !important;
+        }
+
         label[data-toggle="nav-settings"] {
             cursor: pointer;
             overflow: hidden !important;