duoyun-ui
Version:
A lightweight desktop UI component library, implemented using Gem
72 lines • 2.38 kB
JavaScript
import { createTheme, getThemeStore } from '@mantou/gem/helper/theme';
export function getSemanticColor(semantic) {
switch (semantic) {
case 'negative':
return theme.negativeColor;
case 'positive':
return theme.positiveColor;
case 'notice':
return theme.noticeColor;
case 'informative':
return theme.informativeColor;
case 'neutral':
return theme.neutralColor;
case 'transparent':
return 'transparent';
}
}
export const lightTheme = {
colorScheme: 'light',
primaryColor: '#26c0e3', // https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color
highlightColor: '#000', // title, etc
textColor: '#4b4b4b',
describeColor: '#6e6e6e',
backgroundColor: '#fff',
lightBackgroundColor: '#fafafa',
hoverBackgroundColor: '#ededed',
borderColor: '#e1e1e1',
disabledColor: '#eaeaea',
maskAlpha: '0.2',
controlShadow: '0 1px 2px #0000000d',
// same of light/dark
// https://spectrum.adobe.com/page/color/#Semantic-colors
informativeColor: '#2680eb',
neutralColor: '#b3b3b3',
positiveColor: '#2d9d78',
noticeColor: '#e68619',
negativeColor: '#e34850',
focusColor: '#2680eb',
normalRound: '4px',
smallRound: '2px',
gridGutter: '24px',
// +1 user titleBar
// +2 menu
// +3 input-capture/keyboard-access
// max: 2**31 - 1 = 2147483647
// Firefox 似乎有 Bug？+3 的元素不能覆盖 +2 的元素
// https://bugzilla.mozilla.org/show_bug.cgi?id=1875557
popupZIndex: '2147483644',
timingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
timingEasingFunction: 'cubic-bezier(0.16, 1, 0.29, 0.99)',
codeFont: 'ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,monospace',
};
export const darkTheme = {
colorScheme: 'dark',
primaryColor: '#26c0e3',
highlightColor: '#efefef',
textColor: '#c8c8c8',
describeColor: '#616161',
backgroundColor: '#1a1a1a',
lightBackgroundColor: '#1e1e1e',
hoverBackgroundColor: '#2f2f2f',
borderColor: '#313131',
disabledColor: '#5b5b5b',
maskAlpha: '0.4',
};
export const theme = createTheme({ ...lightTheme });
export const themeStore = getThemeStore(theme);
export function extendTheme(t) {
theme(t);
return theme;
}
//# sourceMappingURL=theme.js.map