@sky-mavis/tanto-widget/dist/cjs/contexts/theme/darkTheme.cjs

Tanto Widget

'use strict';

var baseTheme = require('./baseTheme.cjs');

function darkTheme(customThemeToken = {}) {
  return {
    ...baseTheme.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
  };
}

exports.darkTheme = darkTheme;