docs(storybook): storybook theme (#1317)

* Add Theme to storybook, for branding and site linking

* Add Theme to storybook, for branding and site linking

* updated examples

.storybook/config.js

@@ -1,4 +1,11 @@
-import { configure } from '@storybook/react'
+import { configure, addParameters } from '@storybook/react'
+import rbcTheme from './rbc.theme'
+
+addParameters({
+  options: {
+    theme: rbcTheme,
+  },
+})
 
 function loadStories() {
   require('../stories')

.storybook/rbc.theme.js

@@ -0,0 +1,30 @@
+import { create } from '@storybook/theming'
+
+export default create({
+  base: 'light',
+
+  colorSecondary: 'white',
+
+  // UI
+  appBg: 'white',
+
+  // Typography
+  fontBase: '"Open Sans", sans-serif',
+  fontCode: 'monospace',
+
+  // Text colors
+  textColor: 'black',
+  textInverseColor: 'rgba(255,255,255,0.9)',
+
+  // Toolbar default and active colors
+  barTextColor: 'white',
+  barBg: 'rgb(49, 116, 173)',
+
+  // Form colors
+  inputBg: 'white',
+  inputTextColor: 'black',
+  inputBorderRadius: 4,
+
+  brandTitle: 'Big Calendar',
+  brandUrl: 'http://intljusticemission.github.io/react-big-calendar/examples',
+})