import { create } from '@storybook/theming';
import { ISABELLINE, ONYX } from '@vincent_za/styles';

export default create({
  base: 'light',

  colorPrimary: 'hotpink',
  colorSecondary: 'deepskyblue',

  // UI
  appBg: 'white',
  appContentBg: 'white',
  // appBorderColor: 'none',
  appBorderRadius: 0,

  // Typography
  fontBase: '"Open Sans", sans-serif',
  fontCode: 'monospace',

  // Text colors
  textColor: ONYX,
  textInverseColor: 'rgba(255,255,255,0.9)',

  // Toolbar default and active colors
  barTextColor: ONYX,
  barSelectedColor: ONYX,
  barBg: ISABELLINE,

  // Form colors
  inputBg: 'white',
  inputBorder: ISABELLINE,
  inputTextColor: ONYX,
  inputBorderRadius: 0,

  brandTitle: 'Shared components',
  brandUrl: 'https://github.com/vincentbollaert/shared',
});
