From e8cd758ca957ea792fe9d16c0056c2e0dfbec79a Mon Sep 17 00:00:00 2001
From: Adolfo Panizo <adolfo.panizo@gmail.com>
Date: Mon, 5 Mar 2018 09:36:33 +0100
Subject: [PATCH] Add JS CSS variables

---
 src/theme/mui.js       | 5 +++--
 src/theme/variables.js | 7 +++++++
 2 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 src/theme/variables.js

diff --git a/src/theme/mui.js b/src/theme/mui.js
index f41fb890..cd9d9ea3 100644
--- a/src/theme/mui.js
+++ b/src/theme/mui.js
@@ -1,12 +1,13 @@
 import red from 'material-ui/colors/red';
 import { createMuiTheme } from 'material-ui/styles'
+import { primary, secondary } from './variables'
 
 const palette = {
   primary: {
-    main: '#1798cc',
+    main: primary,
   },
   secondary: {
-    main: '#6b7c93',
+    main: secondary,
   },
   error: red,
   contrastThreshold: 3,
diff --git a/src/theme/variables.js b/src/theme/variables.js
new file mode 100644
index 00000000..5b3697ae
--- /dev/null
+++ b/src/theme/variables.js
@@ -0,0 +1,7 @@
+var primary = '#1798cc'
+var secondary = '#6b7c93'
+
+module.exports = Object.assign({}, {
+  primary,
+  secondary,
+});