Tailwind CSS theme.extend · 122 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"tonguebackground": "#f0f4f6",
"betafont": "#000000",
"requesttrialfontsbackground": "#7b68ee",
"requestbetatypefacesbackground": "#b79773",
"accountbackground": "#430e29",
"newslettersignupbackground": "#00c500",
"promofont": "#a0a0a0",
"highlightbackground": "#ff9800",
"supportbackground": "#b8f4f0",
"quoterequestbackground": "#b9c9d4",
"newsletterunsubscribebackground": "#f50f0f",
"discountfont": "#6e32e1",
"selectedbackground": "#63f450",
"includedbundlebackground": "#d5c0fd",
"calendarbackground": "#e74c3c",
"loadingscreenbackground": "rgba(110,50,225,0.9)",
"loadingscreenbackgroundupgrade": "rgba(99,244,80,0.9)",
"cookieconsentbackground": "#ffff00",
"errorbackground": "#ff1f1f",
"embackground": "#ffffba",
"emquotebackground": "#ff00bc",
"inputfocus": "#3b75e2"
},
"fontFamily": {
"monument-grotesk-mono": [
"Monument Grotesk Mono",
"SFMono-Regular",
"Consolas",
"Monaco",
"monospace"
],
"monument-grotesk": [
"Monument Grotesk",
…Colors
40
Typography
24
Spacing
32
Radius
16
Shadows
10
Tailwind Config
Paste into tailwind.config.js. Free — no account required.