From b569f800a655abce958f515f1525cebb9a0ce500 Mon Sep 17 00:00:00 2001
From: Lene Gadewoll <lene.gadewoll@elastic.co>
Date: Wed, 17 Jul 2024 17:47:53 +0200
Subject: [PATCH] feat: add global focus styles

---
 packages/docusaurus-theme/src/theme/Root.styles.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/docusaurus-theme/src/theme/Root.styles.ts b/packages/docusaurus-theme/src/theme/Root.styles.ts
index 94883648bda2..7e7a759ceac5 100644
--- a/packages/docusaurus-theme/src/theme/Root.styles.ts
+++ b/packages/docusaurus-theme/src/theme/Root.styles.ts
@@ -2,6 +2,7 @@ import {
   euiFontSizeFromScale,
   euiLineHeightFromBaseline,
   useEuiBackgroundColor,
+  useEuiFocusRing,
   UseEuiTheme,
 } from '@elastic/eui';
 
@@ -93,5 +94,10 @@ export const getGlobalStyles = ({ euiTheme }: UseEuiTheme) => {
         border-radius: 0;
         font-size: inherit;
       }
+
+      /* global styles */
+      * {
+        ${useEuiFocusRing('outset', euiTheme.colors.primary)};
+      }
   `;
 };