Mysaa/Encartes-web
1
0
Fork 0
mirror of https://gitlab.aliens-lyon.fr/encartes/web-interface.git synced 2026-03-18 15:11:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Dark theme

Browse Source
This commit is contained in:
Adrien Vannson 2022-10-08 19:24:09 +02:00
parent 5aac8538cb
commit 0810314eff
No known key found for this signature in database
GPG Key ID: FE2E66FD978C1A55
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/App.js
View File

@ -1,15 +1,19 @@
import * as React from 'react'; import * as React from 'react';
import AppBar from '@mui/material/AppBar'; import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';
import Button from '@mui/material/Button'; import Button from '@mui/material/Button';
import TextField from '@mui/material/TextField'; import CssBaseline from '@mui/material/CssBaseline';
import Dialog from '@mui/material/Dialog'; import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions'; import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent'; import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText'; import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle'; import DialogTitle from '@mui/material/DialogTitle';
import TextField from '@mui/material/TextField';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';
import { ThemeProvider, createTheme } from '@mui/material/styles';
// Leaflet // Leaflet
import { MapContainer } from 'react-leaflet/MapContainer' import { MapContainer } from 'react-leaflet/MapContainer'
@ -104,3 +108,18 @@ export default function App() {
</div> </div>
</> </>
} }
const darkTheme = createTheme({
palette: {
mode: 'dark',
},
});
function ThemedApp() {
return (
<ThemeProvider theme={darkTheme}>
<CssBaseline />
<App/>
</ThemeProvider>
);
}