text: export const theme = {
    name: 'One Dark',
    kind: 'dark',
    main: '#21252b',
    mainAlt: '#e6e6e6',
    minor: '#323842',
    red: '#e05561',
    green: '#8cc265',
    yellow: '#d18f52',
    orange: '#ffb374',
    blue: '#6db3ce',
    magenta: '#c162de',
    cyan: '#42b3c2',
    black: '#21252b',
    white: '#fff',
    foreground: '#abb2bf',
    transparentDark: 'rgba(0, 0, 0, 0.05)',
    defaultFont: 'JetBrains Mono, monospace',
    barHeight: '34px',
    compactBarHeight: '28px',
    barRadius: '16px',
    barInnerMargin: '3px',
    itemRadius: '20px',
    itemInnerMargin: '3px 9px',
    itemOuterMargin: '0 0 0 5px',
    hoverRing: '0 0 0 2px rgba(255, 255, 255, 0.75)',
    focusRing: '0 0 0 2px rgb(255, 255, 255)',
    lightShadow: '0 5px 10px rgba(0, 0, 0, 0.24)',
    transitionEasing: 'cubic-bezier(0.4, 0, 0.2, 1)',
    clickEffect: 'rgba(255, 255, 255, 0.3)'
  }
  