mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-06 22:40:14 -05:00
fbbf34e1d0
ref https://linear.app/ghost/issue/DES-1020/create-new-react-app-for-shade Shade is our new design system that follows React best practices and leverages third-party libraries extensively. It's built on ShadCN/UI which is one of the most popular React UI libraries today. This commit adds an (almost) empty React app, set up to be the a starting point of Shade.
37 lines
No EOL
795 B
TypeScript
37 lines
No EOL
795 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,
|
|
}); |