mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-20 22:42:53 -05:00
252918b70c
ref https://linear.app/ghost/issue/DES-1021/create-posts-app Part of establishing React patterns in Ghost is to build a well-defined and fairly self-encapsulated app through which we can test assumptions and define best practices. Our guinea pig is Post analytics for this purpose. This PR creates a new React app (posts) using Shade (the new design system).
37 lines
796 B
TypeScript
37 lines
796 B
TypeScript
import {create} from '@storybook/theming/create';
|
|
|
|
export default create({
|
|
base: 'light',
|
|
// Typography
|
|
fontBase: '"Inter", sans-serif',
|
|
fontCode: 'monospace',
|
|
|
|
brandTitle: 'Ghost | Shade',
|
|
brandUrl: 'https://ghost.org',
|
|
brandTarget: '_self',
|
|
|
|
//
|
|
colorPrimary: '#30CF43',
|
|
colorSecondary: '#15171A',
|
|
|
|
// UI
|
|
appBg: '#ffffff',
|
|
appContentBg: '#ffffff',
|
|
appBorderColor: '#EBEEF0',
|
|
appBorderRadius: 0,
|
|
|
|
// Text colors
|
|
textColor: '#15171A',
|
|
textInverseColor: '#ffffff',
|
|
|
|
// Toolbar default and active colors
|
|
barTextColor: '#9E9E9E',
|
|
barSelectedColor: '#15171A',
|
|
barBg: '#ffffff',
|
|
|
|
// Form colors
|
|
inputBg: '#ffffff',
|
|
inputBorder: '#15171A',
|
|
inputTextColor: '#15171A',
|
|
inputBorderRadius: 2,
|
|
});
|