lib/theming/src/themes/dark.ts
import { color, typography } from '../base';
import { ThemeVars } from '../types';
const theme: ThemeVars = {
base: 'dark',
// Storybook-specific color palette
colorPrimary: '#FF4785', // coral
colorSecondary: '#1EA7FD', // ocean
// UI
appBg: '#2f2f2f',
appContentBg: color.darkest,
appBorderColor: 'rgba(255,255,255,.1)',
appBorderRadius: 4,
// Fonts
fontBase: typography.fonts.base,
fontCode: typography.fonts.mono,
// Text colors
textColor: color.lightest,
textInverseColor: color.darkest,
textMutedColor: color.mediumdark,
// Toolbar default and active colors
barTextColor: '#999999',
barSelectedColor: color.secondary,
barBg: color.darkest,
// Form colors
inputBg: '#3f3f3f',
inputBorder: 'rgba(0,0,0,.3)',
inputTextColor: color.lightest,
inputBorderRadius: 4,
};
export default theme;