diff options
author | Eugene Sokolov <eug-vs@keemail.me> | 2020-04-06 17:47:20 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-04-06 17:47:20 +0300 |
commit | 62df0ff96fc9ab832212d223150862c7667d9ffc (patch) | |
tree | 9159c443e970ea2a0819edffbe2fe5cc101c1001 /src/lib/Benzin/Benzin.tsx | |
parent | a72027d21154ba94e26d6b96092afc9704b8288c (diff) | |
parent | 400330fe5ebd6951a97f07b6147b3af6113e034f (diff) | |
download | react-benzin-62df0ff96fc9ab832212d223150862c7667d9ffc.tar.gz |
Merge pull request #8 from eug-vs/developv3.1.0
Markdown parser
Diffstat (limited to 'src/lib/Benzin/Benzin.tsx')
-rw-r--r-- | src/lib/Benzin/Benzin.tsx | 51 |
1 files changed, 51 insertions, 0 deletions
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 }) => ( + <ThemeProvider theme={benzinTheme}> + <CssBaseline /> + {children} + </ThemeProvider> +); + + +export default Benzin; + |