ntfy/web/src/components/styles.js

import Typography from "@mui/material/Typography";
import Container from "@mui/material/Container";
import { Backdrop, styled } from "@mui/material";
import theme from "./theme";

export const Paragraph = styled(Typography)({
  paddingTop: 8,
  paddingBottom: 8,
});

export const VerticallyCenteredContainer = styled(Container)({
  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
});