Tailwind CSS theme.extend · 73 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"cc-link-color": "#30363c",
"cc-bg": "#ffffff",
"cc-secondary-color": "#5e6266",
"cc-btn-primary-hover-bg": "#000000",
"cc-toggle-off-bg": "#667481",
"light-grey": "#dcded5",
"mid-grey": "#a9a9a9"
},
"fontFamily": {
"new-rail-alphabet": [
"New Rail Alphabet",
"sans-serif"
]
},
"spacing": {
"1rem": "1rem",
"5px": "5px",
"6px": "6px",
"8px": "8px",
"10px": "10px",
"12px": "12px",
"16px": "16px",
"18px": "18px",
"20px": "20px",
"160px": "160px",
"900px": "900px"
},
"borderRadius": {
"50": "50%",
"100": "100%",
"1rem": "1rem",
"5rem": ".5rem",
"4rem": ".4rem",
…Colors
15
Typography
8
Spacing
32
Radius
10
Shadows
8
Tailwind Config
Paste into tailwind.config.js. Free — no account required.