Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | 20x 27x | import { createMuiTheme } from "@material-ui/core/styles"; export const mainTheme = createMuiTheme({ typography: { useNextVariants: true }, overrides: { MuiInput: { root: { fontSize: "0.9rem", lineHeight: "0.9rem", color: "black" } }, MuiPaper: { root: { "&:before": { content: '""', display: "block", width: "0", height: "0", position: "absolute", borderLeft: "8px solid transparent", borderRight: "8px solid transparent", borderBottom: "8px solid #616161", left: "calc(50% - 8px)", marginTop: "-8px", top: "0" } } }, MuiTooltip: { popper: { marginTop: "-5px" }, tooltip: { "&:before": { content: '""', display: "block", width: "0", height: "0", position: "absolute", borderLeft: "5px solid transparent", borderRight: "5px solid transparent", borderBottom: "5px solid #616161", marginTop: "-0.47em", left: "calc(50% - 5px)", top: "0" } } } } }); export const customVariant = () => ({ errorTooltip: { backgroundColor: "red", color: "white", "&:before": { borderBottom: "5px solid red" } }, disabledButtonPopper: { marginTop: "5px" }, enabledButtonPopper: { marginTop: "12px" }, defaultIcon: { color: "black" }, errorIcon: { color: "red" }, validIcon: { color: "#4caf50" }, whiteIcon: { color: "white" } }); |