From eb3656f45178648006c2d664de40fb556699e3c1 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Sat, 22 Jun 2024 12:27:24 -0700
Subject: [PATCH] fix: theme button focus state

---
 package-lock.json                        | 4 ++--
 package.json                             | 2 +-
 src/assets/styles/components/buttons.css | 8 +++++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2fbab976..ccfafb62 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "19.5.27",
+  "version": "19.5.28",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "19.5.27",
+      "version": "19.5.28",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
diff --git a/package.json b/package.json
index ec1dd437..f24b9ec4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "19.5.27",
+  "version": "19.5.28",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/components/buttons.css b/src/assets/styles/components/buttons.css
index d9906232..3473cfa8 100644
--- a/src/assets/styles/components/buttons.css
+++ b/src/assets/styles/components/buttons.css
@@ -21,13 +21,19 @@ button {
   &:not(.theme-toggle, .active):active,
   &:not(.theme-toggle, .active):focus,
   &:not(.theme-toggle, .active):focus-within {
-    outline: 2px dashed var(--accent-color);
     background-color: var(--accent-color-hover);
     border-color: var(--accent-color-hover);
     transition-timing-function: var(--transition-ease-in-out);
     transition-duration: var(--transition-duration-default);
   }
 
+  &:not(.active):hover,
+  &:not(.active):active,
+  &:not(.active):focus,
+  &:not(.active):focus-within {
+    outline: 2px dashed var(--accent-color);
+  }
+
   &.small {
     font-size: var(--font-size-sm);
     line-height: var(--line-height-sm);