| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | const DEFAULT_SANS_SERIF = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif" |
|---|
| | | const DEFAULT_MONO = "ui-monospace, SFMono-Regular, SF Mono, Menlo, monospace" |
|---|
| | | export function googleFontHref(theme: Theme) { |
|---|
| | | const { code, header, body } = theme.typography |
|---|
| | | return `https://fonts.googleapis.com/css2?family=${code}&family=${header}:wght@400;700&family=${body}:ital,wght@0,400;0,600;1,400;1,600&display=swap` |
|---|
| | |
|---|
| | | --tertiary: ${theme.colors.lightMode.tertiary}; |
|---|
| | | --highlight: ${theme.colors.lightMode.highlight}; |
|---|
| | | |
|---|
| | | --headerFont: ${theme.typography.header}; |
|---|
| | | --bodyFont: ${theme.typography.body}; |
|---|
| | | --codeFont: ${theme.typography.code}; |
|---|
| | | --headerFont: ${theme.typography.header}, ${DEFAULT_SANS_SERIF}; |
|---|
| | | --bodyFont: ${theme.typography.body}, ${DEFAULT_SANS_SERIF}; |
|---|
| | | --codeFont: ${theme.typography.code}, ${DEFAULT_MONO}; |
|---|
| | | } |
|---|
| | | |
|---|
| | | :root[saved-theme="dark"] { |
|---|
