GlobalStyle: Add focus style for links (#36533)

* GlobalStyle: Add focus style for links

* GlobalStyle: show focus style only on visible

packages/grafana-ui/src/themes/GlobalStyles/elements.ts

@@ -1,5 +1,6 @@
 import { css } from '@emotion/react';
 import { GrafanaTheme2, ThemeTypographyVariant } from '@grafana/data';
+import { getFocusStyles } from '../mixins';
 
 export function getElementStyles(theme: GrafanaTheme2) {
   return css`
@@ -124,6 +125,10 @@ export function getElementStyles(theme: GrafanaTheme2) {
         outline: none;
       }
 
+      &:focus-visible {
+        ${getFocusStyles(theme)}
+      }
+
       &: [disabled] {
         cursor: default;
         pointer-events: none !important;