@gorazdo/material-you/dist/theme/index.js

Material You theme for @material-ui library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.materialYouTheme = void 0;
const core_1 = require("@material-ui/core");
exports.materialYouTheme = (0, core_1.createTheme)({
    palette: {
        primary: {
            pale: "#f7e5d5",
            light: "#f8dbd9",
            main: "#c7595c",
            dark: "#000",
            accent: "#201b1a",
        },
        secondary: {
            pale: "#edeeef",
            light: "#7f9399",
            main: "#5f5c57",
            dark: "#2f3134",
            accent: "#9decfc",
        },
        tertiary: {
            pale: "#DBEA8D",
            light: "#f8f580",
            main: "#6A7439",
            dark: "#000",
            accent: "#E0796E",
        },
    },
    shape: {
        borderRadius: 24,
    },
});
exports.materialYouTheme.props = {
    MuiButton: {
        disableElevation: true,
    },
};
exports.materialYouTheme.overrides = {
    MuiAvatar: {
        colorDefault: {
            backgroundColor: exports.materialYouTheme.palette.common.white,
            color: exports.materialYouTheme.palette.common.black,
        },
    },
    MuiSvgIcon: {
        fontSizeSmall: {
            fontSize: "1rem",
        },
    },
    MuiBottomNavigationAction: {
        label: {
            fontSize: "0.875rem",
        },
    },
    MuiButton: {
        root: {
            fontSize: 16,
            textTransform: "unset",
            paddingInlineStart: exports.materialYouTheme.spacing(2),
            paddingInlineEnd: exports.materialYouTheme.spacing(2),
            height: exports.materialYouTheme.spacing(6),
        },
        sizeSmall: {
            fontSize: 14,
            paddingInlineStart: exports.materialYouTheme.spacing(1.5),
            paddingInlineEnd: exports.materialYouTheme.spacing(1.5),
            height: exports.materialYouTheme.spacing(5),
        },
        sizeLarge: {
            fontSize: 20,
            padding: "unset",
            minWidth: exports.materialYouTheme.spacing(10),
            paddingInlineStart: exports.materialYouTheme.spacing(3),
            paddingInlineEnd: exports.materialYouTheme.spacing(3),
            height: exports.materialYouTheme.spacing(10),
            borderRadius: exports.materialYouTheme.spacing(5),
        },
    },
    MuiCardContent: {
        root: {
            padding: exports.materialYouTheme.spacing(3),
        },
    },
    MuiListItemText: {
        primary: {
            fontWeight: 700,
        },
        secondary: {
            fontWeight: 400,
        },
    },
    MuiListItem: {
        container: {
            backgroundColor: exports.materialYouTheme.palette.common.white,
            marginBlockEnd: 2,
            "&:first-child": {
                borderTopLeftRadius: exports.materialYouTheme.shape.borderRadius,
                borderTopRightRadius: exports.materialYouTheme.shape.borderRadius,
            },
            "&:last-child": {
                borderBottomLeftRadius: exports.materialYouTheme.shape.borderRadius,
                borderBottomRightRadius: exports.materialYouTheme.shape.borderRadius,
            },
            "&:not(:last-child)": {
                marginBlockEnd: 1,
            },
        },
    },
};