diff --git a/src/components/ThemeProvider/ThemeProvider.stories.tsx b/src/components/ThemeProvider/ThemeProvider.stories.tsx index d880086f3..6802c7154 100644 --- a/src/components/ThemeProvider/ThemeProvider.stories.tsx +++ b/src/components/ThemeProvider/ThemeProvider.stories.tsx @@ -24,6 +24,17 @@ export const Default = () => { } export const Nested = () => { + const customTheme = { + foreground: { r: 255, g: 127, b: 80 }, + background: { r: 85, g: 38, b: 201 }, + backgroundBackdrop: { r: 221, g: 221, b: 221 }, + backgroundRaised: { r: 192, g: 192, b: 192 }, + statusPositive: { r: 31, g: 194, b: 102 }, + statusNegative: { r: 194, g: 80, b: 31 }, + statusWarning: { r: 244, g: 176, b: 62 }, + statusInfo: { r: 0, g: 118, b: 204 }, + primaryButton: 'linear-gradient(89.69deg, #4411E1 0.27%, #7537F9 99.73%)' + } return ( @@ -67,6 +78,25 @@ export const Nested = () => { +
+ + + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore + magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu + fugiat nulla pariatur. Excepteur sint occaecat cupidatat + non proident, sunt in culpa qui officia deserunt mollit + anim id est laborum. + + + + +