53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
import { composite } from 'seemly';
|
|
import { commonLight } from "../../_styles/common/index.mjs";
|
|
import commonVariables from "./_common.mjs";
|
|
import { createTheme } from "../../_mixins/index.mjs";
|
|
import { buttonLight } from "../../button/styles/index.mjs";
|
|
export const self = vars => {
|
|
const {
|
|
borderRadius,
|
|
fontSize,
|
|
lineHeight,
|
|
textColor2,
|
|
textColor1,
|
|
textColorDisabled,
|
|
dividerColor,
|
|
fontWeightStrong,
|
|
primaryColor,
|
|
baseColor,
|
|
hoverColor,
|
|
cardColor,
|
|
modalColor,
|
|
popoverColor
|
|
} = vars;
|
|
return Object.assign(Object.assign({}, commonVariables), {
|
|
borderRadius,
|
|
borderColor: composite(cardColor, dividerColor),
|
|
borderColorModal: composite(modalColor, dividerColor),
|
|
borderColorPopover: composite(popoverColor, dividerColor),
|
|
textColor: textColor2,
|
|
titleFontWeight: fontWeightStrong,
|
|
titleTextColor: textColor1,
|
|
dayTextColor: textColorDisabled,
|
|
fontSize,
|
|
lineHeight,
|
|
dateColorCurrent: primaryColor,
|
|
dateTextColorCurrent: baseColor,
|
|
cellColorHover: composite(cardColor, hoverColor),
|
|
cellColorHoverModal: composite(modalColor, hoverColor),
|
|
cellColorHoverPopover: composite(popoverColor, hoverColor),
|
|
cellColor: cardColor,
|
|
cellColorModal: modalColor,
|
|
cellColorPopover: popoverColor,
|
|
barColor: primaryColor
|
|
});
|
|
};
|
|
const calendarLight = createTheme({
|
|
name: 'Calendar',
|
|
common: commonLight,
|
|
peers: {
|
|
Button: buttonLight
|
|
},
|
|
self
|
|
});
|
|
export default calendarLight; |