feat: add global focus styles

elastic · Jul 17, 2024 · b569f80 · b569f80
1 parent bd2b9da
commit b569f80
Showing 1 changed file with 6 additions and 0 deletions.
diff --git 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)};
+      }
   `;
 };