fix: chromatic avoid apply color on main

sbb-design-systems · Apr 18, 2024 · 0024b06 · 0024b06
1 parent 90c95bd
commit 0024b06
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/storybook/testing/with-background-decorator.ts b/src/storybook/testing/with-background-decorator.ts
@@ -14,9 +14,15 @@ export const withBackgroundDecorator = makeDecorator({
       if (!backgroundColor) {
         return getStory(context);
       } else {
-        return html`<div style="background-color: ${backgroundColor(context)}">
-          ${getStory(context)}
-        </div>`;
+        const isChromaticStoriesMain = !(
+          getStory(context) as { strings: string[] }
+        ).strings[0].includes('outline');
+
+        return !isChromaticStoriesMain
+          ? html`<div style="background-color: ${backgroundColor(context)}">
+              ${getStory(context)}
+            </div>`
+          : getStory(context);
       }
     } else {
       // For standard case we manipulate the body