feat: export ThemeProvider instead of theme

1 files changed, 37 insertions, 0 deletions

diff --git a/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js
new file mode 100644
index 0000000..48eca72
--- /dev/null
+++ b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js
@@ -0,0 +1,37 @@
+import React from 'react';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles'
+
+
+const benzinTheme = createMuiTheme({
+  palette: {
+    type: 'dark',
+    primary: {
+      main: '#ffa726',
+    },
+    secondary: {
+      main: '#9c27b0',
+    },
+    background: {
+      default: '#121212',
+      paper: '#1e1e1e',
+      elevation1: '#1e1e1e',
+      elevation2: '#232323',
+      elevation3: '#252525',
+    },
+    text: {
+      primary: '#f4f4f4',
+      secondary: 'rgba(255, 255, 255, 0.6)',
+    }
+  },
+});
+
+
+const BenzinThemeProvider = ({ children }) => (
+  <ThemeProvider theme={benzinTheme}>
+    {children}
+  </ThemeProvider>
+);
+
+
+export default BenzinThemeProvider;
+