astra/ntfy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Implement dark mode

Browse source 
Resolves #206
This commit is contained in:
nimbleghost 2023-06-28 16:45:40 +02:00
parent d40b776205
commit 4f39c7c155
10 changed files with 69 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

5
web/src/components/styles.js
View file

@ -1,19 +1,18 @@
import { Typography, Container, Backdrop, styled } from "@mui/material";
import theme from "./theme";
export const Paragraph = styled(Typography)({
paddingTop: 8,
paddingBottom: 8,
});
export const VerticallyCenteredContainer = styled(Container)({
export const VerticallyCenteredContainer = styled(Container)(({ theme }) => ({
display: "flex",
flexGrow: 1,
flexDirection: "column",
justifyContent: "center",
alignContent: "center",
color: theme.palette.text.primary,
});
}));
export const LightboxBackdrop = styled(Backdrop)({
backgroundColor: "rgba(0, 0, 0, 0.8)", // was: 0.5