Tailwind CSS theme.extend · 126 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"marketing-icon-primary": "#218bff",
"marketing-icon-secondary": "#54aeff",
"project-header-bg": "#24292f",
"brand-color-success-fg": "#08872b",
"brand-color-success-emphasis": "#0fbf3e",
"brand-color-success-subtle": "#bfffd1",
"brand-color-danger-fg": "#cf2230",
"brand-color-danger-subtle": "#ffebe9",
"brand-color-accent-primary": "#0d6731",
"brand-color-accent-secondary": "#be7d00",
"brand-color-text-muted": "#58635b",
"brand-color-text-link-rest": "#0055d5",
"brand-color-text-link-pressed": "#002f7a",
"brand-color-neutral-emphasisplus": "#353d37",
"brand-color-neutral-emphasis": "#77827a",
"brand-color-border-default": "#b6bfb8",
"srgb-0-838902": "#d6e8db"
},
"fontFamily": {
"mona-sans-vf": [
"Mona Sans VF",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Noto Sans Backtick Fix",
"Noto Sans",
"Helvetica",
"Arial",
"sans-serif",
"Apple Color Emoji",
"Segoe UI Emoji"
],
"mona-sans-mono": [
…Colors
42
Typography
24
Spacing
32
Radius
16
Shadows
12
Tailwind Config
Paste into tailwind.config.js. Free — no account required.