From 99da7e7ad0f836c018d974fddc7f934c5c81a5dc Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Thu, 6 Feb 2020 17:00:42 +0300
Subject: feat: migrate BenzinThemeProvider to Typescript

---
 .../BenzinThemeProvider/BenzinThemeProvider.tsx    | 49 ++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx

(limited to 'src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx')

diff --git a/src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx b/src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx
new file mode 100644
index 0000000..efb4f86
--- /dev/null
+++ b/src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
+import { CssBaseline } from '@material-ui/core';
+import 'typeface-roboto';
+
+
+declare module '@material-ui/core/styles/createPalette' {
+  interface TypeBackground {
+      elevation1: string;
+      elevation2: string;
+      elevation3: string;
+  }
+}
+
+
+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: React.FC = ({ children }) => (
+  <ThemeProvider theme={benzinTheme}>
+    <CssBaseline />
+    {children}
+  </ThemeProvider>
+);
+
+
+export default BenzinThemeProvider;
+
-- 
cgit v1.2.3

