From 16bbcc6f8036231a81a8ecb2b040e5d70491fa01 Mon Sep 17 00:00:00 2001
From: Ross Moody <fiftyfivehis@gmail.com>
Date: Thu, 30 May 2019 22:11:39 -0700
Subject: [PATCH] theme files

---
 src/theme/welcome-dark.ts          | 15 +++++++++++++++
 src/theme/welcome-light.ts         | 16 ++++++++++++++++
 stories/features/welcome/story.tsx |  7 +++++++
 3 files changed, 38 insertions(+)
 create mode 100644 src/theme/welcome-dark.ts
 create mode 100644 src/theme/welcome-light.ts

diff --git a/src/theme/welcome-dark.ts b/src/theme/welcome-dark.ts
new file mode 100644
index 000000000..2c56553fd
--- /dev/null
+++ b/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
diff --git a/src/theme/welcome-light.ts b/src/theme/welcome-light.ts
new file mode 100644
index 000000000..5d0b8f139
--- /dev/null
+++ b/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
diff --git a/stories/features/welcome/story.tsx b/stories/features/welcome/story.tsx
index 69a184a3c..4f8da410b 100644
--- a/stories/features/welcome/story.tsx
+++ b/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 (