From cfaa12e0b5777ad47ad42daa5bd5ad5bbc494ba7 Mon Sep 17 00:00:00 2001
From: dzucconi <mail@damonzucconi.com>
Date: Mon, 26 Aug 2024 08:08:00 -0400
Subject: [PATCH] fix: moves focus-visible styling into global styles

---
 packages/palette/src/helpers/injectGlobalStyles.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/palette/src/helpers/injectGlobalStyles.tsx b/packages/palette/src/helpers/injectGlobalStyles.tsx
index 030171646..5acc1494f 100644
--- a/packages/palette/src/helpers/injectGlobalStyles.tsx
+++ b/packages/palette/src/helpers/injectGlobalStyles.tsx
@@ -19,6 +19,14 @@ export function injectGlobalStyles<P>(
       box-sizing: inherit;
     }
 
+    &:focus {
+      outline: 0;
+    }
+
+    &:focus-visible {
+      outline: 1px solid ${themeGet("colors.blue100")};
+    }
+
     ::selection {
       background-color: ${themeGet("colors.blue15")};
       color: ${themeGet("colors.black100")};