import { create } from 'storybook/theming';

/* Dark, lime-accented chrome so the Storybook UI + autodocs match the
   components instead of framing them in stock white. */
export default create({
  base: 'dark',

  brandTitle: 'ModernSK',
  colorPrimary: '#bef264',
  colorSecondary: '#bef264',

  // App
  appBg: '#0f100d',
  appContentBg: '#0f100d',
  appPreviewBg: '#0f100d',
  appBorderColor: '#2a2c22',
  appBorderRadius: 10,

  // Typography
  fontBase: "'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif",
  fontCode: "'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace",

  // Text
  textColor: '#f3f4ee',
  textInverseColor: '#0f100d',
  textMutedColor: '#9a9c8c',

  // Toolbar / sidebar bars
  barBg: '#16170f',
  barTextColor: '#9a9c8c',
  barSelectedColor: '#bef264',
  barHoverColor: '#bef264',

  // Inputs
  inputBg: '#1c1d16',
  inputBorder: '#2a2c22',
  inputTextColor: '#f3f4ee',
  inputBorderRadius: 8,
});