50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
import { changeColor } from 'seemly';
|
|
import { buttonLight } from "../../button/styles/index.mjs";
|
|
import { progressLight } from "../../progress/styles/index.mjs";
|
|
import { commonLight } from "../../_styles/common/index.mjs";
|
|
import { createTheme } from "../../_mixins/index.mjs";
|
|
export const self = vars => {
|
|
const {
|
|
iconColor,
|
|
primaryColor,
|
|
errorColor,
|
|
textColor2,
|
|
successColor,
|
|
opacityDisabled,
|
|
actionColor,
|
|
borderColor,
|
|
hoverColor,
|
|
lineHeight,
|
|
borderRadius,
|
|
fontSize
|
|
} = vars;
|
|
return {
|
|
fontSize,
|
|
lineHeight,
|
|
borderRadius,
|
|
draggerColor: actionColor,
|
|
draggerBorder: `1px dashed ${borderColor}`,
|
|
draggerBorderHover: `1px dashed ${primaryColor}`,
|
|
itemColorHover: hoverColor,
|
|
itemColorHoverError: changeColor(errorColor, {
|
|
alpha: 0.06
|
|
}),
|
|
itemTextColor: textColor2,
|
|
itemTextColorError: errorColor,
|
|
itemTextColorSuccess: successColor,
|
|
itemIconColor: iconColor,
|
|
itemDisabledOpacity: opacityDisabled,
|
|
itemBorderImageCardError: `1px solid ${errorColor}`,
|
|
itemBorderImageCard: `1px solid ${borderColor}`
|
|
};
|
|
};
|
|
const uploadLight = createTheme({
|
|
name: 'Upload',
|
|
common: commonLight,
|
|
peers: {
|
|
Button: buttonLight,
|
|
Progress: progressLight
|
|
},
|
|
self
|
|
});
|
|
export default uploadLight; |