54 lines
1.5 KiB
JavaScript
Raw Normal View History

2024-01-29 09:26:07 +08:00
import { changeColor } from 'seemly';
import { commonLight } from "../../_styles/common/index.mjs";
import commonVariables from "./_common.mjs";
2024-08-02 18:19:39 +08:00
export function self(vars) {
2024-01-29 09:26:07 +08:00
const {
baseColor,
inputColorDisabled,
cardColor,
modalColor,
popoverColor,
textColorDisabled,
borderColor,
primaryColor,
textColor2,
fontSizeSmall,
fontSizeMedium,
fontSizeLarge,
borderRadiusSmall,
lineHeight
} = vars;
return Object.assign(Object.assign({}, commonVariables), {
labelLineHeight: lineHeight,
fontSizeSmall,
fontSizeMedium,
fontSizeLarge,
borderRadius: borderRadiusSmall,
color: baseColor,
colorChecked: primaryColor,
colorDisabled: inputColorDisabled,
colorDisabledChecked: inputColorDisabled,
colorTableHeader: cardColor,
colorTableHeaderModal: modalColor,
colorTableHeaderPopover: popoverColor,
checkMarkColor: baseColor,
checkMarkColorDisabled: textColorDisabled,
checkMarkColorDisabledChecked: textColorDisabled,
border: `1px solid ${borderColor}`,
borderDisabled: `1px solid ${borderColor}`,
borderDisabledChecked: `1px solid ${borderColor}`,
borderChecked: `1px solid ${primaryColor}`,
borderFocus: `1px solid ${primaryColor}`,
boxShadowFocus: `0 0 0 2px ${changeColor(primaryColor, {
alpha: 0.3
})}`,
textColor: textColor2,
textColorDisabled
});
2024-08-02 18:19:39 +08:00
}
2024-01-29 09:26:07 +08:00
const checkboxLight = {
name: 'Checkbox',
common: commonLight,
self
};
export default checkboxLight;