aboutsummaryrefslogtreecommitdiff
path: root/src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx
diff options
context:
space:
mode:
authorEugene Sokolov <eug-vs@keemail.me>2020-02-08 20:54:36 +0000
committerGitHub <noreply@github.com>2020-02-08 20:54:36 +0000
commita72027d21154ba94e26d6b96092afc9704b8288c (patch)
tree4ce18b62e7e79e3543c43a94b72a161d0f20d1d2 /src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx
parentd246305bfa280221efa8ee31cf6a841fbf54f378 (diff)
parentac6f957cef0d858a9720a7e97cf45fbf5900f926 (diff)
downloadreact-benzin-a72027d21154ba94e26d6b96092afc9704b8288c.tar.gz
Merge pull request #4 from eug-vs/developv3.0.0
Release 3.0.0
Diffstat (limited to 'src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx')
-rw-r--r--src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx49
1 files changed, 49 insertions, 0 deletions
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;
+