2024-01-29 09:26:07 +08:00
|
|
|
import { composite } from 'seemly';
|
|
|
|
import { commonLight } from "../../_styles/common/index.mjs";
|
|
|
|
import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
|
|
|
|
import { createTheme } from "../../_mixins/index.mjs";
|
2024-08-02 18:19:39 +08:00
|
|
|
export function self(vars) {
|
2024-01-29 09:26:07 +08:00
|
|
|
const {
|
|
|
|
baseColor,
|
|
|
|
textColor2,
|
|
|
|
bodyColor,
|
|
|
|
cardColor,
|
|
|
|
dividerColor,
|
|
|
|
actionColor,
|
|
|
|
scrollbarColor,
|
|
|
|
scrollbarColorHover,
|
|
|
|
invertedColor
|
|
|
|
} = vars;
|
|
|
|
return {
|
|
|
|
textColor: textColor2,
|
|
|
|
textColorInverted: '#FFF',
|
|
|
|
color: bodyColor,
|
|
|
|
colorEmbedded: actionColor,
|
|
|
|
headerColor: cardColor,
|
|
|
|
headerColorInverted: invertedColor,
|
|
|
|
footerColor: actionColor,
|
|
|
|
footerColorInverted: invertedColor,
|
|
|
|
headerBorderColor: dividerColor,
|
|
|
|
headerBorderColorInverted: invertedColor,
|
|
|
|
footerBorderColor: dividerColor,
|
|
|
|
footerBorderColorInverted: invertedColor,
|
|
|
|
siderBorderColor: dividerColor,
|
|
|
|
siderBorderColorInverted: invertedColor,
|
|
|
|
siderColor: cardColor,
|
|
|
|
siderColorInverted: invertedColor,
|
|
|
|
siderToggleButtonBorder: `1px solid ${dividerColor}`,
|
|
|
|
siderToggleButtonColor: baseColor,
|
|
|
|
siderToggleButtonIconColor: textColor2,
|
|
|
|
siderToggleButtonIconColorInverted: textColor2,
|
|
|
|
siderToggleBarColor: composite(bodyColor, scrollbarColor),
|
|
|
|
siderToggleBarColorHover: composite(bodyColor, scrollbarColorHover),
|
|
|
|
// hack for inverted background
|
|
|
|
__invertScrollbar: 'true'
|
|
|
|
};
|
2024-08-02 18:19:39 +08:00
|
|
|
}
|
2024-01-29 09:26:07 +08:00
|
|
|
const layoutLight = createTheme({
|
|
|
|
name: 'Layout',
|
|
|
|
common: commonLight,
|
|
|
|
peers: {
|
|
|
|
Scrollbar: scrollbarLight
|
|
|
|
},
|
|
|
|
self
|
|
|
|
});
|
|
|
|
export default layoutLight;
|