@eureca/eureca-ui/.storybook/eurecaTheme.js

UI component library of Eureca's user and admin apps

import { create } from '@storybook/theming/create';
import { colors } from '../src/theme/colors';

import Logo from '../src/assets/images/logo.svg';

export default create({
  base: 'light',

  colorPrimary: colors.green1,
  colorSecondary: colors.green2,

  // UI
  appBg: colors.gray7,
  appContentBg: colors.gray7,
  appBorderColor: colors.gray5,
  appBorderRadius: 4,

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

  // Text colors
  textColor: colors.gray2,
  textInverseColor: colors.white,

  // Toolbar default and active colors
  barTextColor: colors.gray2,
  barSelectedColor: colors.green1,
  barBg: colors.gray7,

  // Form colors
  inputBg: 'transparent',
  inputBorder: 'silver',
  inputTextColor: colors.gray2,
  inputBorderRadius: 4,

  brandTitle: 'Eureca',
  brandUrl: 'https://eureca.me',
  brandImage: Logo,
});