37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
import { changeColor } from 'seemly';
|
|
import { commonLight } from "../../_styles/common/index.mjs";
|
|
import commonVars from "./_common.mjs";
|
|
function self(vars) {
|
|
const {
|
|
primaryColor,
|
|
opacityDisabled,
|
|
borderRadius,
|
|
textColor3
|
|
} = vars;
|
|
const railOverlayColor = 'rgba(0, 0, 0, .14)';
|
|
return Object.assign(Object.assign({}, commonVars), {
|
|
iconColor: textColor3,
|
|
textColor: 'white',
|
|
loadingColor: primaryColor,
|
|
opacityDisabled,
|
|
railColor: railOverlayColor,
|
|
railColorActive: primaryColor,
|
|
buttonBoxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)',
|
|
buttonColor: '#FFF',
|
|
railBorderRadiusSmall: borderRadius,
|
|
railBorderRadiusMedium: borderRadius,
|
|
railBorderRadiusLarge: borderRadius,
|
|
buttonBorderRadiusSmall: borderRadius,
|
|
buttonBorderRadiusMedium: borderRadius,
|
|
buttonBorderRadiusLarge: borderRadius,
|
|
boxShadowFocus: `0 0 0 2px ${changeColor(primaryColor, {
|
|
alpha: 0.2
|
|
})}`
|
|
});
|
|
}
|
|
const switchLight = {
|
|
name: 'Switch',
|
|
common: commonLight,
|
|
self
|
|
};
|
|
export default switchLight; |