2024-01-29 09:26:07 +08:00
|
|
|
import { commonDark } from "../../_styles/common/index.mjs";
|
2024-08-02 18:19:39 +08:00
|
|
|
import sizeVariables from "./_common.mjs";
|
2024-01-29 09:26:07 +08:00
|
|
|
const sliderDark = {
|
|
|
|
|
name: 'Slider',
|
|
|
|
|
common: commonDark,
|
|
|
|
|
self(vars) {
|
|
|
|
|
const boxShadow = '0 2px 8px 0 rgba(0, 0, 0, 0.12)';
|
|
|
|
|
const {
|
|
|
|
|
railColor,
|
|
|
|
|
modalColor,
|
|
|
|
|
primaryColorSuppl,
|
|
|
|
|
popoverColor,
|
|
|
|
|
textColor2,
|
|
|
|
|
cardColor,
|
|
|
|
|
borderRadius,
|
|
|
|
|
fontSize,
|
|
|
|
|
opacityDisabled
|
|
|
|
|
} = vars;
|
|
|
|
|
return Object.assign(Object.assign({}, sizeVariables), {
|
|
|
|
|
fontSize,
|
|
|
|
|
markFontSize: fontSize,
|
|
|
|
|
railColor,
|
|
|
|
|
railColorHover: railColor,
|
|
|
|
|
fillColor: primaryColorSuppl,
|
|
|
|
|
fillColorHover: primaryColorSuppl,
|
|
|
|
|
opacityDisabled,
|
|
|
|
|
handleColor: '#FFF',
|
|
|
|
|
dotColor: cardColor,
|
|
|
|
|
dotColorModal: modalColor,
|
|
|
|
|
dotColorPopover: popoverColor,
|
|
|
|
|
handleBoxShadow: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)',
|
|
|
|
|
handleBoxShadowHover: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)',
|
|
|
|
|
handleBoxShadowActive: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)',
|
|
|
|
|
handleBoxShadowFocus: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)',
|
|
|
|
|
indicatorColor: popoverColor,
|
|
|
|
|
indicatorBoxShadow: boxShadow,
|
|
|
|
|
indicatorTextColor: textColor2,
|
|
|
|
|
indicatorBorderRadius: borderRadius,
|
|
|
|
|
dotBorder: `2px solid ${railColor}`,
|
|
|
|
|
dotBorderActive: `2px solid ${primaryColorSuppl}`,
|
|
|
|
|
dotBoxShadow: ''
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
export default sliderDark;
|
