From 72e9ea60b82f95f858aa341b5c0b63e277f6779f Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Mon, 27 Jan 2020 13:32:50 +0300 Subject: feat: export ThemeProvider instead of theme --- .../BenzinThemeProvider/BenzinThemeProvider.js | 37 ++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js (limited to 'src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js') diff --git a/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js new file mode 100644 index 0000000..48eca72 --- /dev/null +++ b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js @@ -0,0 +1,37 @@ +import React from 'react'; +import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles' + + +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 = ({ children }) => ( + + {children} + +); + + +export default BenzinThemeProvider; + -- cgit v1.2.3 From 92316d9e41c1285cddcc7407225bdbfa841c6de8 Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Mon, 27 Jan 2020 13:38:31 +0300 Subject: feat: install Roboto font --- src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js') diff --git a/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js index 48eca72..6218308 100644 --- a/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js +++ b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js @@ -1,5 +1,6 @@ import React from 'react'; -import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles' +import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles'; +import 'typeface-roboto'; const benzinTheme = createMuiTheme({ -- cgit v1.2.3 From 9eef9ddf780d5c6e3cbd5d74a9794bab4b5e2f11 Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Tue, 28 Jan 2020 12:28:02 +0300 Subject: feat: add CssBaseline to BenzinThemeProvider --- src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js | 2 ++ 1 file changed, 2 insertions(+) (limited to 'src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js') diff --git a/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js index 6218308..8e52ed4 100644 --- a/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js +++ b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js @@ -1,5 +1,6 @@ import React from 'react'; import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles'; +import { CssBaseline } from '@material-ui/core'; import 'typeface-roboto'; @@ -29,6 +30,7 @@ const benzinTheme = createMuiTheme({ const BenzinThemeProvider = ({ children }) => ( + {children} ); -- cgit v1.2.3