70 lines
2.1 KiB
JavaScript
70 lines
2.1 KiB
JavaScript
|
import { changeColor } from 'seemly';
|
||
|
|
import { inputLight } from "../../input/styles/index.mjs";
|
||
|
|
import { commonLight } from "../../_styles/common/index.mjs";
|
||
|
|
import { buttonLight } from "../../button/styles/index.mjs";
|
||
|
|
import { timePickerLight } from "../../time-picker/styles/index.mjs";
|
||
|
|
import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
|
||
|
|
import commonVars from "./_common.mjs";
|
||
|
|
import { createTheme } from "../../_mixins/index.mjs";
|
||
|
|
export const self = vars => {
|
||
|
|
const {
|
||
|
|
hoverColor,
|
||
|
|
fontSize,
|
||
|
|
textColor2,
|
||
|
|
textColorDisabled,
|
||
|
|
popoverColor,
|
||
|
|
primaryColor,
|
||
|
|
borderRadiusSmall,
|
||
|
|
iconColor,
|
||
|
|
iconColorDisabled,
|
||
|
|
textColor1,
|
||
|
|
dividerColor,
|
||
|
|
boxShadow2,
|
||
|
|
borderRadius,
|
||
|
|
fontWeightStrong
|
||
|
|
} = vars;
|
||
|
|
return Object.assign(Object.assign({}, commonVars), {
|
||
|
|
itemFontSize: fontSize,
|
||
|
|
calendarDaysFontSize: fontSize,
|
||
|
|
calendarTitleFontSize: fontSize,
|
||
|
|
itemTextColor: textColor2,
|
||
|
|
itemTextColorDisabled: textColorDisabled,
|
||
|
|
itemTextColorActive: popoverColor,
|
||
|
|
itemTextColorCurrent: primaryColor,
|
||
|
|
itemColorIncluded: changeColor(primaryColor, {
|
||
|
|
alpha: 0.1
|
||
|
|
}),
|
||
|
|
itemColorHover: hoverColor,
|
||
|
|
itemColorDisabled: hoverColor,
|
||
|
|
itemColorActive: primaryColor,
|
||
|
|
itemBorderRadius: borderRadiusSmall,
|
||
|
|
panelColor: popoverColor,
|
||
|
|
panelTextColor: textColor2,
|
||
|
|
arrowColor: iconColor,
|
||
|
|
calendarTitleTextColor: textColor1,
|
||
|
|
calendarTitleColorHover: hoverColor,
|
||
|
|
calendarDaysTextColor: textColor2,
|
||
|
|
panelHeaderDividerColor: dividerColor,
|
||
|
|
calendarDaysDividerColor: dividerColor,
|
||
|
|
calendarDividerColor: dividerColor,
|
||
|
|
panelActionDividerColor: dividerColor,
|
||
|
|
panelBoxShadow: boxShadow2,
|
||
|
|
panelBorderRadius: borderRadius,
|
||
|
|
calendarTitleFontWeight: fontWeightStrong,
|
||
|
|
scrollItemBorderRadius: borderRadius,
|
||
|
|
iconColor,
|
||
|
|
iconColorDisabled
|
||
|
|
});
|
||
|
|
};
|
||
|
|
const datePickerLight = createTheme({
|
||
|
|
name: 'DatePicker',
|
||
|
|
common: commonLight,
|
||
|
|
peers: {
|
||
|
|
Input: inputLight,
|
||
|
|
Button: buttonLight,
|
||
|
|
TimePicker: timePickerLight,
|
||
|
|
Scrollbar: scrollbarLight
|
||
|
|
},
|
||
|
|
self
|
||
|
|
});
|
||
|
|
export default datePickerLight;
|