diff --git a/.storybook/config.js b/.storybook/config.js
index 63f47de50..ade94bd29 100644
--- a/.storybook/config.js
+++ b/.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')
diff --git a/.storybook/rbc.theme.js b/.storybook/rbc.theme.js
new file mode 100644
index 000000000..4031fffe9
--- /dev/null
+++ b/.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',
+})