From 73d11a2262f1eef8921c5b861b70aa0aec76879a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chif=20Gerg=C5=91?= <chif.gergo@cloud.bme.hu>
Date: Sun, 24 Jan 2021 21:45:48 +0100
Subject: [PATCH] Add dark theme
---
src/App.tsx | 3 ++-
src/theme.ts | 32 +++++++++++++++++++++++++++++---
2 files changed, 31 insertions(+), 4 deletions(-)
diff --git a/src/App.tsx b/src/App.tsx
index 5183349..5279e89 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,12 +4,13 @@ import { ClientContextProvider } from './context';
import ThemeProvider from './context/ThemeProvider';
import { UserStateProvider } from './context/UserContext';
import Routes from './Routes';
+import { darkTheme } from './theme';
function App(): React.ReactElement {
return (
<ClientContextProvider>
<UserStateProvider>
- <ThemeProvider>
+ <ThemeProvider theme={darkTheme}>
<Router>
<Routes />
</Router>
diff --git a/src/theme.ts b/src/theme.ts
index 879796e..a72bf25 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -1,8 +1,9 @@
import { createMuiTheme } from '@material-ui/core';
// eslint-disable-next-line import/prefer-default-export
-export const theme = createMuiTheme(/* {
- palette: {
+export const theme = createMuiTheme({
+ // TODO: Create default theme
+ /* palette: {
primary: {},
secondary: {},
error: {},
@@ -12,8 +13,33 @@ export const theme = createMuiTheme(/* {
grey: {},
text: {},
+ }, */
+ typography: {
+ fontFamily: 'Roboto',
+ },
+});
+
+export const darkTheme = createMuiTheme({
+ palette: {
+ primary: {
+ main: '#1A6B97',
+ contrastText: '#FFFFFF',
+ },
+ secondary: {
+ main: '#FFD200',
+ contrastText: '#202020',
+ },
+ error: {
+ main: '#FF0C3E',
+ },
+ background: {
+ default: '#222222',
+ },
+ success: {},
+ info: {},
+ warning: {},
},
typography: {
fontFamily: 'Roboto',
},
-} */);
+});
--
GitLab