2024-01-29 09:26:07 +08:00
|
|
|
import { changeColor } from 'seemly';
|
|
|
|
|
import { commonDark } from "../../_styles/common/index.mjs";
|
2024-08-02 18:19:39 +08:00
|
|
|
import commonVars from "./_common.mjs";
|
2024-01-29 09:26:07 +08:00
|
|
|
const switchDark = {
|
|
|
|
|
name: 'Switch',
|
|
|
|
|
common: commonDark,
|
|
|
|
|
self(vars) {
|
|
|
|
|
const {
|
|
|
|
|
primaryColorSuppl,
|
|
|
|
|
opacityDisabled,
|
|
|
|
|
borderRadius,
|
|
|
|
|
primaryColor,
|
|
|
|
|
textColor2,
|
|
|
|
|
baseColor
|
|
|
|
|
} = vars;
|
|
|
|
|
const railOverlayColor = 'rgba(255, 255, 255, .20)';
|
|
|
|
|
return Object.assign(Object.assign({}, commonVars), {
|
|
|
|
|
iconColor: baseColor,
|
|
|
|
|
textColor: textColor2,
|
|
|
|
|
loadingColor: primaryColorSuppl,
|
|
|
|
|
opacityDisabled,
|
|
|
|
|
railColor: railOverlayColor,
|
|
|
|
|
railColorActive: primaryColorSuppl,
|
|
|
|
|
buttonBoxShadow: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)',
|
|
|
|
|
buttonColor: '#FFF',
|
|
|
|
|
railBorderRadiusSmall: borderRadius,
|
|
|
|
|
railBorderRadiusMedium: borderRadius,
|
|
|
|
|
railBorderRadiusLarge: borderRadius,
|
|
|
|
|
buttonBorderRadiusSmall: borderRadius,
|
|
|
|
|
buttonBorderRadiusMedium: borderRadius,
|
|
|
|
|
buttonBorderRadiusLarge: borderRadius,
|
|
|
|
|
boxShadowFocus: `0 0 8px 0 ${changeColor(primaryColor, {
|
|
|
|
|
alpha: 0.3
|
|
|
|
|
})}`
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
export default switchDark;
|
