58 lines
1.4 KiB
JavaScript
58 lines
1.4 KiB
JavaScript
|
import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
|
||
|
|
import { commonLight } from "../../_styles/common/index.mjs";
|
||
|
|
import { createTheme } from "../../_mixins/index.mjs";
|
||
|
|
import commonVars from "./_common.mjs";
|
||
|
|
export const self = vars => {
|
||
|
|
const {
|
||
|
|
textColor2,
|
||
|
|
successColor,
|
||
|
|
infoColor,
|
||
|
|
warningColor,
|
||
|
|
errorColor,
|
||
|
|
popoverColor,
|
||
|
|
closeIconColor,
|
||
|
|
closeIconColorHover,
|
||
|
|
closeIconColorPressed,
|
||
|
|
closeColorHover,
|
||
|
|
closeColorPressed,
|
||
|
|
textColor1,
|
||
|
|
textColor3,
|
||
|
|
borderRadius,
|
||
|
|
fontWeightStrong,
|
||
|
|
boxShadow2,
|
||
|
|
lineHeight,
|
||
|
|
fontSize
|
||
|
|
} = vars;
|
||
|
|
return Object.assign(Object.assign({}, commonVars), {
|
||
|
|
borderRadius,
|
||
|
|
lineHeight,
|
||
|
|
fontSize,
|
||
|
|
headerFontWeight: fontWeightStrong,
|
||
|
|
iconColor: textColor2,
|
||
|
|
iconColorSuccess: successColor,
|
||
|
|
iconColorInfo: infoColor,
|
||
|
|
iconColorWarning: warningColor,
|
||
|
|
iconColorError: errorColor,
|
||
|
|
color: popoverColor,
|
||
|
|
textColor: textColor2,
|
||
|
|
closeIconColor,
|
||
|
|
closeIconColorHover,
|
||
|
|
closeIconColorPressed,
|
||
|
|
closeBorderRadius: borderRadius,
|
||
|
|
closeColorHover,
|
||
|
|
closeColorPressed,
|
||
|
|
headerTextColor: textColor1,
|
||
|
|
descriptionTextColor: textColor3,
|
||
|
|
actionTextColor: textColor2,
|
||
|
|
boxShadow: boxShadow2
|
||
|
|
});
|
||
|
|
};
|
||
|
|
const notificationLight = createTheme({
|
||
|
|
name: 'Notification',
|
||
|
|
common: commonLight,
|
||
|
|
peers: {
|
||
|
|
Scrollbar: scrollbarLight
|
||
|
|
},
|
||
|
|
self
|
||
|
|
});
|
||
|
|
export default notificationLight;
|