Do not show transparent border in Storybook in forced colors mode

Amsterdam · Sep 11, 2024 · 06ff1b8 · 06ff1b8
1 parent c86ad61
commit 06ff1b8
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/storybook/src/styles/overrides.css b/storybook/src/styles/overrides.css
@@ -117,3 +117,10 @@
 :is(#storybook-root, .sbdocs-content) a[href="#"] {
   cursor: not-allowed;
 }
+
+/* Override to make sure the default transparent border isn't shown in forced colors mode. */
+.innerZoomElementWrapper.innerZoomElementWrapper > div {
+  @media (forced-colors: active) {
+    border-color: Canvas !important;
+  }
+}