theme files

src/theme/welcome-dark.ts

@@ -0,0 +1,15 @@
+import ITheme from './theme-interface'
+import defaultTheme from './brave-default'
+import colors from './colors'
+
+const welcomeDarkTheme: ITheme = {
+  ...defaultTheme,
+  name: 'Welcome Dark',
+  color: {
+    ...defaultTheme.color,
+    text: colors.white,
+    panelBackground: colors.grey900
+  }
+}
+
+export default welcomeDarkTheme

src/theme/welcome-light.ts

@@ -0,0 +1,16 @@
+import ITheme from './theme-interface'
+import defaultTheme from './brave-default'
+import colors from './colors'
+
+const welcomeLightTheme: ITheme = {
+  ...defaultTheme,
+  name: 'Welcome Light',
+  color: {
+    ...defaultTheme.color,
+    text: colors.neutral900,
+    panelBackground: '#F9F9FD',
+    panelBackgroundSecondary: colors.neutral000
+  }
+}
+
+export default welcomeLightTheme

stories/features/welcome/story.tsx

@@ -4,13 +4,20 @@
 
 import * as React from 'react'
 import { storiesOf } from '@storybook/react'
+import welcomeLightTheme from '../../../src/theme/welcome-light'
+import welcomeDarkTheme from '../../../src/theme/welcome-dark'
+import { withThemesProvider } from 'storybook-addon-styled-component-theme'
 import { withKnobs, boolean } from '@storybook/addon-knobs'
 import { FullPageStory } from '../../storyUtils'
 // Components
 import WelcomePage from './page/index'
 
+// Themes
+const themes = [welcomeLightTheme, welcomeDarkTheme]
+
 storiesOf('Feature Components/Welcome', module)
   .addDecorator(FullPageStory)
+  .addDecorator(withThemesProvider(themes))
   .addDecorator(withKnobs)
   .add('Page', () => {
     return (