A11y: Add support for toggle buttons in high contrast mode (#70838)

2 years ago · 37d4c8deff
parent 0e4743b852
commit 37d4c8deff
1 changed files with 4 additions and 0 deletions
--- a/packages/grafana-ui/src/components/Switch/Switch.tsx
+++ b/packages/grafana-ui/src/components/Switch/Switch.tsx
@ -143,6 +143,10 @@ const getSwitchStyles = stylesFactory((theme: GrafanaTheme2, transparent?: boole
          top: 50%;
          transform: translate3d(2px, -50%, 0);
          transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
+
+          @media (forced-colors: active) {
+            border: 1px solid transparent;
+          }
        }
      }
    `,