diff --git a/theme/index.ts b/theme/index.ts deleted file mode 100644 index 943b2e3..0000000 --- a/theme/index.ts +++ /dev/null @@ -1,180 +0,0 @@ -import type { Theme } from "theme-ui"; -import { darken, lighten } from '@theme-ui/color' - -const makeTheme = (t: T) => t - -export const theme = makeTheme({ - config: { - initialColorModeName: 'light', - }, - breakpoints: ['40em', '52em', '64em', '78em'], - space: [0, 4, 8, 16, 32, 64, 128, 256, 512], - fonts: { - body: 'Work Sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif', - heading: 'Work Sans, sans-serif', - monospace: 'Roboto, monospace', - }, - fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96], - fontWeights: { - body: 400, - heading: 400, - bold: 700, - }, - layout: { - container: { - maxWidth: "100%", - width: "100%", - mx: "auto", - px: 3 - } - }, - lineHeights: { - body: 1.5, - heading: 0.85, - }, - colors: { - text: '#000000', - background: '#FFFFFF', - primary: '#9A52FF', - secondary: '#30c', - muted: '#C6C6D3', - modes: { - dark: { - text: '#FFFFFF', - background: '#000000', - primary: '#9A52FF', - secondary: '#30c', - } - } - }, - text: { - heading: { - fontFamily: 'heading', - lineHeight: 'heading', - fontWeight: 'heading', - }, - monospace: { - fontWeight: 300 - } - }, - sizes: { - "widePlus": 2048, - "wide": 1536, - "layoutPlus": 1260, - "layout": 1024, - "copyUltra": 980, - "copyPlus": 768, - "copy": 680, - "narrowPlus": 600, - "narrow": 512, - sm: { - paddingX: 3, - paddingY: 1 - }, - md: { - px: 4, - py: 2 - }, - lg: { - px: 6, - py: 4 - }, - }, - buttons: { - - primary: { - size: 'md', - color: 'white', - bg: 'primary', - '&:hover': { - bg: darken('primary', 0.1), - borderColor: darken('primary', 0.1) - }, - fontWeight: 600, - borderRadius: '3px', - fontSize: 1, - border: '1px solid', - borderColor: 'primary', - }, - secondary: { - color: 'black', - bg: 'muted', - fontSize: 1, - borderRadius: '3px', - border: '1px solid', - borderColor: 'muted', - '&:hover': { - bg: darken('muted', 0.1), - borderColor: darken('muted', 0.1), - }, - cursor: 'pointer' - }, - muted: { - color: 'text', - bg: 'background', - fontSize: 1, - border: '1px solid', - borderColor: 'text', - borderRadius: '3px', - '&:hover': { - bg: darken('background', 0.1), - }, - cursor: 'pointer' - } - }, - styles: { - root: { - fontFamily: 'body', - lineHeight: 'body', - fontWeight: 'body', - }, - h1: { - variant: 'text.heading', - fontSize: 5, - }, - h2: { - variant: 'text.heading', - fontSize: 4, - }, - h3: { - variant: 'text.heading', - fontSize: 3, - }, - h4: { - variant: 'text.heading', - fontSize: 2, - }, - h5: { - variant: 'text.heading', - fontSize: 1, - }, - h6: { - variant: 'text.heading', - fontSize: 0, - }, - pre: { - fontFamily: 'monospace', - overflowX: 'auto', - code: { - color: 'inherit', - }, - }, - code: { - fontFamily: 'monospace', - fontSize: 'inherit', - }, - table: { - width: '100%', - borderCollapse: 'separate', - borderSpacing: 0, - }, - th: { - textAlign: 'left', - borderBottomStyle: 'solid', - }, - td: { - textAlign: 'left', - borderBottomStyle: 'solid', - }, - }, -}); \ No newline at end of file