47 lines
1.4 KiB
JavaScript
47 lines
1.4 KiB
JavaScript
|
import { commonDark } from "../../_styles/common/index.mjs";
|
||
|
|
import { scrollbarDark } from "../../_internal/scrollbar/styles/index.mjs";
|
||
|
|
import { composite } from 'seemly';
|
||
|
|
const layoutDark = {
|
||
|
|
name: 'Layout',
|
||
|
|
common: commonDark,
|
||
|
|
peers: {
|
||
|
|
Scrollbar: scrollbarDark
|
||
|
|
},
|
||
|
|
self(vars) {
|
||
|
|
const {
|
||
|
|
textColor2,
|
||
|
|
bodyColor,
|
||
|
|
popoverColor,
|
||
|
|
cardColor,
|
||
|
|
dividerColor,
|
||
|
|
scrollbarColor,
|
||
|
|
scrollbarColorHover
|
||
|
|
} = vars;
|
||
|
|
return {
|
||
|
|
textColor: textColor2,
|
||
|
|
textColorInverted: textColor2,
|
||
|
|
color: bodyColor,
|
||
|
|
colorEmbedded: bodyColor,
|
||
|
|
headerColor: cardColor,
|
||
|
|
headerColorInverted: cardColor,
|
||
|
|
footerColor: cardColor,
|
||
|
|
footerColorInverted: cardColor,
|
||
|
|
headerBorderColor: dividerColor,
|
||
|
|
headerBorderColorInverted: dividerColor,
|
||
|
|
footerBorderColor: dividerColor,
|
||
|
|
footerBorderColorInverted: dividerColor,
|
||
|
|
siderBorderColor: dividerColor,
|
||
|
|
siderBorderColorInverted: dividerColor,
|
||
|
|
siderColor: cardColor,
|
||
|
|
siderColorInverted: cardColor,
|
||
|
|
siderToggleButtonBorder: '1px solid transparent',
|
||
|
|
siderToggleButtonColor: popoverColor,
|
||
|
|
siderToggleButtonIconColor: textColor2,
|
||
|
|
siderToggleButtonIconColorInverted: textColor2,
|
||
|
|
siderToggleBarColor: composite(bodyColor, scrollbarColor),
|
||
|
|
siderToggleBarColorHover: composite(bodyColor, scrollbarColorHover),
|
||
|
|
__invertScrollbar: 'false'
|
||
|
|
};
|
||
|
|
}
|
||
|
|
};
|
||
|
|
export default layoutDark;
|