@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
34 lines (33 loc) • 1.49 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const material_1 = require("@mui/material");
const Component = {
styleOverrides: {
root: ({ theme }) => {
var _a, _b, _c, _d;
return ({
backgroundColor: (_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main,
'& .SCBottomNavigation-action': {
fontSize: '1.57rem',
color: (0, material_1.getContrastRatio)((_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main,
borderTop: `1px solid transparent`,
minWidth: 56,
'&.Mui-selected, &:hover': {
color: theme.palette.secondary.main,
borderTop: `1px solid ${theme.palette.secondary.main}`
},
'&.SCBottomNavigation-composer': {
'&.Mui-selected, &:hover': {
color: theme.palette.secondary.main,
borderTop: '0 none'
}
}
},
'&.SCBottomNavigation-ios': {
paddingBottom: '15px'
}
});
}
}
};
exports.default = Component;