Tailwind CSS theme.extend · 106 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"111111": "#111111",
"black": "#000000",
"white": "#ffffff",
"focus-outline": "#000ce1",
"orange": "#ff5600",
"navy": "#020917",
"green": "#00da00",
"error": "#c41c1c",
"report-lime-200": "#cbff20",
"report-lime-300": "#b3e01c",
"report-pink": "#ff2067",
"report-purple-400": "#825bff",
"report-blue": "#65b5ff",
"report-green": "#0bdf50",
"report-grey-300": "#c5c5c5",
"report-grey-400": "#626260",
"canvas": "#e7e3db",
"sales": "#055895",
"voice-accent-green": "#37b54a",
"000000": "#000000",
"ffffff": "#ffffff"
},
"fontFamily": {
"saans": [
"Saans",
"Saans Fallback",
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Yu Gothic UI",
"Yu Gothic",
"Meiryo",
"Noto Sans JP",
"ui-sans-serif",
…Colors
41
Typography
15
Spacing
32
Radius
16
Shadows
2
Tailwind Config
Paste into tailwind.config.js. Free — no account required.