diff options
author | Eugene Sokolov <eug-vs@keemail.me> | 2020-02-08 20:54:36 +0000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-02-08 20:54:36 +0000 |
commit | a72027d21154ba94e26d6b96092afc9704b8288c (patch) | |
tree | 4ce18b62e7e79e3543c43a94b72a161d0f20d1d2 /src/lib/BenzinThemeProvider/BenzinThemeProvider.tsx | |
parent | d246305bfa280221efa8ee31cf6a841fbf54f378 (diff) | |
parent | ac6f957cef0d858a9720a7e97cf45fbf5900f926 (diff) | |
download | react-benzin-3.0.0.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.tsx | 49 |
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; + |