Spaces:
Running
Running
| /** @type {import('tailwindcss').Config} */ | |
| export default { | |
| darkMode: "class", | |
| content: [ | |
| "./index.html", | |
| "./src/**/*.{js,ts,jsx,tsx}", | |
| ], | |
| theme: { | |
| extend: { | |
| "colors": { | |
| "on-error": "#690005", | |
| "surface-container-high": "#292932", | |
| "on-primary-fixed-variant": "#2f2ebe", | |
| "tertiary-fixed-dim": "#ffb783", | |
| "on-secondary-fixed": "#002113", | |
| "inverse-surface": "#e4e1ed", | |
| "inverse-on-surface": "#303038", | |
| "coral-warning": "#fb7185", | |
| "surface-container": "#1f1f27", | |
| "inverse-primary": "#494bd6", | |
| "on-tertiary": "#4f2500", | |
| "on-error-container": "#ffdad6", | |
| "secondary-fixed-dim": "#4edea3", | |
| "outline": "#908fa0", | |
| "on-surface-variant": "#c7c4d7", | |
| "error": "#ffb4ab", | |
| "on-secondary-container": "#00311f", | |
| "tertiary-container": "#d97721", | |
| "surface-dim": "#13131b", | |
| "primary": "#c0c1ff", | |
| "surface-variant": "#34343d", | |
| "surface-container-low": "#1b1b23", | |
| "error-container": "#93000a", | |
| "surface-bright": "#393841", | |
| "on-tertiary-container": "#452000", | |
| "secondary-container": "#00a572", | |
| "on-tertiary-fixed-variant": "#703700", | |
| "indigo-primary": "#6366f1", | |
| "primary-fixed-dim": "#c0c1ff", | |
| "on-primary-container": "#0d0096", | |
| "on-tertiary-fixed": "#301400", | |
| "tertiary": "#ffb783", | |
| "on-primary-fixed": "#07006c", | |
| "background": "#13131b", | |
| "primary-fixed": "#e1e0ff", | |
| "secondary-fixed": "#6ffbbe", | |
| "primary-container": "#8083ff", | |
| "emerald-positive": "#10b981", | |
| "on-surface": "#e4e1ed", | |
| "on-background": "#e4e1ed", | |
| "surface-tint": "#c0c1ff", | |
| "on-secondary-fixed-variant": "#005236", | |
| "outline-variant": "#464554", | |
| "on-primary": "#1000a9", | |
| "on-secondary": "#003824", | |
| "secondary": "#4edea3", | |
| "violet-action": "#8b5cf6", | |
| "rose-alert": "#f43f5e", | |
| "amber-soft": "#f59e0b", | |
| "surface": "#13131b", | |
| "surface-container-lowest": "#0d0d15", | |
| "surface-container-highest": "#34343d", | |
| "surface-glass": "rgba(30, 41, 59, 0.7)", | |
| "tertiary-fixed": "#ffdcc5", | |
| "background-deep": "#0f172a" | |
| }, | |
| "borderRadius": { | |
| "DEFAULT": "0.25rem", | |
| "lg": "0.5rem", | |
| "xl": "0.75rem", | |
| "full": "9999px" | |
| }, | |
| "spacing": { | |
| "container-padding": "2rem", | |
| "card-padding": "1.25rem", | |
| "section-gap": "1.5rem", | |
| "grid-gutter": "1rem" | |
| }, | |
| "fontFamily": { | |
| "display-metric": ["Manrope"], | |
| "delta-pill": ["Inter"], | |
| "label-caps": ["Inter"], | |
| "headline-md": ["Manrope"], | |
| "headline-lg": ["Manrope"], | |
| "body-sm": ["Inter"], | |
| "body-base": ["Inter"] | |
| }, | |
| "fontSize": { | |
| "display-metric": ["48px", { "lineHeight": "1.1", "letterSpacing": "-0.02em", "fontWeight": "700" }], | |
| "delta-pill": ["12px", { "lineHeight": "12px", "fontWeight": "700" }], | |
| "label-caps": ["12px", { "lineHeight": "16px", "letterSpacing": "0.05em", "fontWeight": "600" }], | |
| "headline-md": ["18px", { "lineHeight": "24px", "fontWeight": "600" }], | |
| "headline-lg": ["24px", { "lineHeight": "32px", "fontWeight": "600" }], | |
| "body-sm": ["14px", { "lineHeight": "20px", "fontWeight": "400" }], | |
| "body-base": ["16px", { "lineHeight": "24px", "fontWeight": "400" }] | |
| } | |
| }, | |
| }, | |
| plugins: [], | |
| } | |