codex-marketplace-ui-compon.../.storybook/preview-head.html

42 lines
1.4 KiB
HTML

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap"
rel="stylesheet"
/>
<style>
:root {
--codex-background: rgb(23 23 23);
--codex-color: #e1e4d9;
--codex-color-contrast: #f8f8f8;
--codex-color-error: 239, 68, 68;
--codex-color-warning: 234, 179, 8;
--codex-color-success: 20, 184, 166;
--codex-color-blue: 30, 64, 175;
--codex-color-primary: #c1f0a4;
--codex-color-primary-variant: #c1f0a4cc;
--codex-color-on-primary: #333;
--codex-color-disabled: #717171;
--codex-color-light: #aba9ad;
--codex-border-color: rgb(82 82 82);
--codex-background-secondary: rgb(38 38 38);
--codex-background-light: rgb(64 64 64);
--codex-background-backdrop: rgba(70, 70, 70, 0.75);
--codex-border-radius: 0.5rem;
--codex-font-size: 0.875rem;
--codex-font-family: Inter, ui-sans-serif, system-ui, -apple-system,
BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,
sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
Noto Color Emoji;
font-family: var(--codex-font-family);
font-feature-settings: normal;
font-variation-settings: normal;
tab-size: 4;
font-size: 0.875rem;
line-height: 1.5rem;
font-size: var(--codex-font-size);
color-scheme: dark;
}
</style>