@sky-mavis/tanto-widget
Version:
Tanto Widget
41 lines • 1.57 kB
JavaScript
import {baseThemeTokens}from'./baseTheme.mjs';function darkTheme(customThemeToken = {}) {
return {
...baseThemeTokens,
mode: 'dark',
warningColor: '#FFC34D',
successColor: '#52E08D',
buttonPrimaryBackground: '#F1F3F9',
buttonPrimaryColor: '#15181E',
buttonPrimaryHoverBackground: '#CDD5E5',
buttonPrimaryHoverColor: '#15181E',
buttonPrimaryActiveBackground: '#F1F3F9',
buttonPrimaryActiveColor: '#15181E',
buttonSecondaryBackground: '#CDD5E512',
buttonSecondaryColor: '#F1F3F9',
buttonSecondaryHoverBackground: '#CDD5E51A',
buttonSecondaryHoverColor: '#F1F3F9',
buttonSecondaryActiveBackground: '#CDD5E526',
buttonSecondaryActiveColor: '#F1F3F9',
buttonDisabledBackground: '#CDD5E512',
buttonDisabledColor: 'rgba(205, 213, 229, 0.7)',
bodyText: '#fff',
mutedText: 'rgba(205, 213, 229, 0.75)',
overlayBackground: 'rgba(12, 12, 13, 0.6)',
modalBackground: '#15181E',
modalBorder: '1px solid #272B34',
spinnerColor: '#f1f3f9',
skeletonColor: 'rgba(205, 213, 229, 0.07)',
scrollbarTrack: '#15181E',
scrollbarThumb: '#353a45',
linkColor: '#5294F8',
dividerBorder: '1px dashed #353A45',
listItemBackground: 'rgba(205, 213, 229, 0.07)',
listItemHoverBackground: 'rgba(205, 213, 229, 0.1)',
badgeDefaultColor: '#F1F3F9',
badgeDefaultBackground: 'rgba(39, 43, 52, 0.60)',
badgeHighlightColor: '#FBB2D0',
badgeHighlightBackground: 'rgba(115, 13, 55, 0.60)',
qrcodeBackground: '#F1F3F9',
...customThemeToken
};
}export{darkTheme};