From 7ea689cd1eb85724f9122c1b5f4350ed3e246581 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Thu, 7 Mar 2019 20:18:15 +0100
Subject: [PATCH] FIX incoreect semicolumns

---
 .../src/pages/configurations/theming/index.md | 48 +++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/docs/src/pages/configurations/theming/index.md b/docs/src/pages/configurations/theming/index.md
index 25bdde50360..4fc8d9c9c18 100644
--- a/docs/src/pages/configurations/theming/index.md
+++ b/docs/src/pages/configurations/theming/index.md
@@ -58,39 +58,39 @@ Next paste the code below and tweak the variables.
 import { create } from '@storybook/theming';
 
 export default create({
-  base: 'light';
+  base: 'light',
 
-  colorPrimary: 'hotpink';
-  colorSecondary: 'deepskyblue';
+  colorPrimary: 'hotpink',
+  colorSecondary: 'deepskyblue',
 
   // UI
-  appBg: 'white';
-  appContentBg: 'silver';
-  appBorderColor: 'grey';
-  appBorderRadius: 4;
+  appBg: 'white',
+  appContentBg: 'silver',
+  appBorderColor: 'grey',
+  appBorderRadius: 4,
 
   // Typography
   fontBase: '"Open Sans", sans-serif',
-  fontCode: 'monospace';
+  fontCode: 'monospace',
 
   // Text colors
-  textColor: 'black';
-  textInverseColor: 'rgba(255,255,255,0.9)';
+  textColor: 'black',
+  textInverseColor: 'rgba(255,255,255,0.9)',
 
   // Toolbar default and active colors
-  barTextColor: 'silver';
-  barSelectedColor: 'black';
-  barBg: 'hotpink';
+  barTextColor: 'silver',
+  barSelectedColor: 'black',
+  barBg: 'hotpink',
 
   // Form colors
-  inputBg: 'white';
-  inputBorder: 'silver';
-  inputTextColor: 'black';
-  inputBorderRadius: 4;
+  inputBg: 'white',
+  inputBorder: 'silver',
+  inputTextColor: 'black',
+  inputBorderRadius: 4,
 
-  brandTitle: 'My custom storybook';
-  brandUrl: 'https://example.com';
-  brandImage: 'https://placehold.it/350x150';
+  brandTitle: 'My custom storybook',
+  brandUrl: 'https://example.com',
+  brandImage: 'https://placehold.it/350x150',
 });
 ```
 
@@ -112,11 +112,11 @@ Many them variables are optional, the `base` property is NOT. This is a perfectl
 import { create } from '@storybook/theming';
 
 export default create({
-  base: 'light';
+  base: 'light',
 
-  brandTitle: 'My custom storybook';
-  brandUrl: 'https://example.com';
-  brandImage: 'https://placehold.it/350x150';
+  brandTitle: 'My custom storybook',
+  brandUrl: 'https://example.com',
+  brandImage: 'https://placehold.it/350x150',
 });
 ```