From ecc7577fd3791c071a355f46c9da82d80cb72757 Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Tue, 18 Feb 2020 02:02:51 +0300 Subject: refactor!: rename BenzinThemeProvider -> Benzin --- src/lib/Benzin/Benzin.tsx | 51 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 src/lib/Benzin/Benzin.tsx (limited to 'src/lib/Benzin/Benzin.tsx') diff --git a/src/lib/Benzin/Benzin.tsx b/src/lib/Benzin/Benzin.tsx new file mode 100644 index 0000000..83ed0b0 --- /dev/null +++ b/src/lib/Benzin/Benzin.tsx @@ -0,0 +1,51 @@ +import React from 'react'; +import orange from '@material-ui/core/colors/orange'; +import purple from '@material-ui/core/colors/purple'; +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: orange[400], + }, + secondary: { + main: purple[500], + }, + background: { + default: '#121212', + paper: '#1e1e1e', + elevation1: '#1e1e1e', + elevation2: '#232323', + elevation3: '#252525', + }, + text: { + primary: '#f4f4f4', + secondary: 'rgba(255, 255, 255, 0.6)', + } + }, +}); + + +const Benzin: React.FC = ({ children }) => ( + + + {children} + +); + + +export default Benzin; + -- cgit v1.2.3