Tailwind CSS theme.extend · 84 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"border": "#d6d6d6",
"darkmode-darkest": "#2e2e30",
"background-overlay": "rgba(0, 0, 0, .21)",
"dark": "#777777",
"darker-mid": "#555555",
"tab-close": "#ff5656",
"tab-yellow": "#ffe24d",
"tab-green": "#00ff00",
"slider": "#36cc36",
"yellow-dark": "#e0bd00",
"green-dark": "#34a734",
"green-light": "#9dff9d",
"orange": "#ff5c00",
"blue": "#1818ff",
"blue-light": "#a2ebff"
},
"fontFamily": {
"inherit": [
"inherit"
],
"dinamo-font-gauntlet-icons": [
"Dinamo Font Gauntlet Icons"
]
},
"spacing": {
"1rem": "1rem",
"1px": "1px",
"2px": "2px",
"3px": "3px",
"4px": "4px",
"5px": "5px",
"6px": "6px",
"7px": "7px",
…Colors
26
Typography
5
Spacing
32
Radius
15
Shadows
6
Tailwind Config
Paste into tailwind.config.js. Free — no account required.