summaryrefslogtreecommitdiffstats
path: root/browser/components/storybook/.storybook/manager-head.html
diff options
context:
space:
mode:
Diffstat (limited to 'browser/components/storybook/.storybook/manager-head.html')
-rw-r--r--browser/components/storybook/.storybook/manager-head.html22
1 files changed, 22 insertions, 0 deletions
diff --git a/browser/components/storybook/.storybook/manager-head.html b/browser/components/storybook/.storybook/manager-head.html
new file mode 100644
index 0000000000..380828d40b
--- /dev/null
+++ b/browser/components/storybook/.storybook/manager-head.html
@@ -0,0 +1,22 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ - You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<link
+ rel="stylesheet"
+ href="chrome://global/skin/design-system/tokens-brand.css"
+/>
+
+<style>
+ /* light-dark doesn't work here, using media queries */
+ @media (prefers-color-scheme: light) {
+ iframe {
+ background-color: var(--color-white) !important;
+ }
+ }
+ @media (prefers-color-scheme: dark) {
+ iframe {
+ background-color: var(--color-gray-90) !important;
+ }
+ }
+</style>