veritatisquam/packages/core/.storybook/theme.js

Carbon charting components, lerna monorepo

import { create } from '@storybook/theming';
import { g10, g100 } from '@carbon/themes';

const {
	field01,
	interactive01,
	text01,
	text04,
	ui01,
	ui03,
	ui04,
	uiBackground,
} = g10;
const { uiBackground: secondaryColor } = g100;

export default create({
	base: 'light',

	colorPrimary: interactive01,
	colorSecondary: secondaryColor,

	// UI
	appBg: ui01,
	appContentBg: uiBackground,
	appBorderColor: ui04,
	appBorderRadius: 0,

	// Typography
	fontBase: '"IBM Plex Sans", sans-serif',
	fontCode: '"IBM Plex Mono", monospace',

	// Text colors
	textColor: text01,
	textInverseColor: text04,

	// Toolbar default and active colors
	barTextColor: text01,
	barSelectedColor: interactive01,
	barBg: uiBackground,

	// Form colors
	inputBg: field01,
	inputBorder: ui03,
	inputTextColor: text01,
	inputBorderRadius: 0,
});