text: export const theme = {
      name: 'Tau Light',
      kind: 'light',
      main: 'rgba(255, 255, 255, 0.7)',
      mainAlt: '#98a8c5',
      minor: '#fff',
      yellow: '#ffd484',
      // red: 'rgba(0, 0, 0, 0.05)', // '#e78482',
      // green: 'rgba(0, 0, 0, 0.05)', // '#8fc8BB',
      // orange: '#ffb374',
      // blue: '#6db3cE',
      // magenta: '#ad82cB',
      // cyan: '#7eddde',
      black: '#1b222d',
      white: '#fff',
      foreground: '#444',
      transparentDark: 'rgba(0, 0, 0, 0.05)',
      defaultFont: 'Monaco, monospace',
      barHeight: '34px',
      compactBarHeight: '28px',
      barRadius: '7px',
      barInnerMargin: '3px',
      itemRadius: '4px',
      itemInnerMargin: '3px 7px',
      itemOuterMargin: '0 0 0 5px',
      hoverRing: '0 0 0 2px rgba(152, 168, 198, 0.5)',
      focusRing: '0 0 0 2px rgba(152, 168, 198, 0.5)',
      lightShadow: '0 5px 10px rgba(0, 0, 0, 0.05)',
      transitionEasing: 'cubic-bezier(0.4, 0, 0.2, 1)',
      clickEffect: 'rgba(0, 0, 0, 0.15)'
  }
  