feat(odyssey-storybook): add Page Background inverse color option to …

…storybook (#1162) * feat(odyssey-storybook): add Page Background inverse color option to storybook * chore(odyssey-storybook): update text story to use appropriate background for inverse style
okta · Nov 9, 2021 · b5cd642 · b5cd642
1 parent 35e7417
commit b5cd642
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/odyssey-storybook/.storybook/preview.js b/packages/odyssey-storybook/.storybook/preview.js
@@ -23,12 +23,12 @@ export const parameters = {
     default: "white",
     values: [
       {
-        name: "white",
+        name: "Page Background",
         value: "#ffffff",
       },
       {
-        name: "gradient",
-        value: "linear-gradient(135deg,#00297a,#1662dd) no-repeat",
+        name: "Page Background (dark)",
+        value: "#1d1d21",
       },
     ],
   },

diff --git a/packages/odyssey-storybook/src/components/Text/TextStyles.stories.tsx b/packages/odyssey-storybook/src/components/Text/TextStyles.stories.tsx
@@ -55,7 +55,7 @@ ColorBody.args = {
 export const BodyInverse = Template.bind({});
 BodyInverse.storyName = "Color: Body, inverse";
 BodyInverse.parameters = {
-  backgrounds: { default: "inverse (gray-900)" },
+  backgrounds: { default: "Page Background (dark)" },
 };
 BodyInverse.args = {
   children: "Danger (disabled) text color",