@sky-mavis/tanto-widget
Version:
Tanto Widget
41 lines • 1.54 kB
JavaScript
import {baseThemeTokens}from'./baseTheme.mjs';function lightTheme(customThemeToken = {}) {
return {
...baseThemeTokens,
mode: 'light',
warningColor: '#DB6D00',
successColor: '#05C956',
buttonPrimaryBackground: '#15181E',
buttonPrimaryColor: '#FFFFFF',
buttonPrimaryHoverBackground: '#2B2F36',
buttonPrimaryHoverColor: '#FFFFFF',
buttonPrimaryActiveBackground: '#15181E',
buttonPrimaryActiveColor: '#FFFFFF',
buttonSecondaryBackground: '#15181E12',
buttonSecondaryColor: '#15181E',
buttonSecondaryHoverBackground: '#15181E1A',
buttonSecondaryHoverColor: '#15181E',
buttonSecondaryActiveBackground: '#15181E26',
buttonSecondaryActiveColor: '#15181E',
buttonDisabledBackground: '#15181E12',
buttonDisabledColor: 'rgba(21, 24, 30, 0.4)',
bodyText: '#15181E',
mutedText: '#43464C',
overlayBackground: 'rgba(240, 240, 240, 0.6)',
modalBackground: '#F0F1F5',
modalBorder: '1px solid #D0D6E1',
spinnerColor: '#0C48C0',
skeletonColor: 'rgba(21, 24, 30, 0.07)',
scrollbarTrack: '#F0F1F5',
scrollbarThumb: '#C4C4C4',
linkColor: '#0C48C0',
dividerBorder: '1px dashed #B1BBCD',
listItemBackground: 'rgba(102, 121, 153, 0.10)',
listItemHoverBackground: 'rgba(105, 122, 150, 0.20)',
badgeDefaultColor: '#43464C',
badgeDefaultBackground: '#66799926',
badgeHighlightColor: '#FFFFFF',
badgeHighlightBackground: '#E90B6699',
qrcodeBackground: 'rgba(21, 24, 30, 0.03)',
...customThemeToken
};
}export{lightTheme};