All files / src/components MuiTheme.js

100% Statements 3/3
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

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"
  }
});