update storybook background color on theme change

fastrepl · Sep 20, 2024 · d5bcc56 · d5bcc56
1 parent f5db7c9
commit d5bcc56
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/js/packages/web/src/components/canary-badge.ts b/js/packages/web/src/components/canary-badge.ts
@@ -20,8 +20,8 @@ export class CanaryBadge extends LitElement {
         padding: 0.15em 0.3em;
         border-radius: 0.25em;
         font-size: 0.625rem;
-        border: 1px solid var(--canary-color-primary-60);
-        color: var(--canary-color-primary-60);
+        border: 1px solid var(--canary-color-primary-30);
+        color: var(--canary-color-primary-30);
       }
     `,
   ];

diff --git a/js/packages/web/src/stories.css b/js/packages/web/src/stories.css
@@ -1,7 +1,7 @@
-.bg-gray-100 {
-  background-color: #f3f4f6;
+html {
+  background-color: #f1f5f9;
 }
 
-.bg-gray-900 {
-  background-color: #111827;
+html[data-theme="dark"] {
+  background-color: #0f172a;
 }