Tailwind CSS theme.extend · 135 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"lightblue": "#00bcf2",
"blue": "#0072be",
"midblue": "#00188f",
"darkblue": "#002050",
"lightpurple": "#b4a0ff",
"purple": "#5c2d91",
"darkpurple": "#373277",
"lightmagenta": "#e3008c",
"magenta": "#b4009e",
"darkmagenta": "#5c005c",
"red": "#e81123",
"darkred": "#a80000",
"lightorange": "#ff8c00",
"orange": "#d83b01",
"insiders-green": "#058f2d",
"lightyellow": "#fff100",
"yellow": "#ffcc00",
"lightgreen": "#bad80a",
"green": "#477a32",
"darkgreen": "#004b1c",
"lightteal": "#00b294",
"teal": "#008272",
"darkteal": "#004b50",
"lightgray": "#333333",
"gray": "#cccccc"
},
"fontFamily": {
"codicon": [
"codicon"
],
"sf-mono": [
"SF Mono",
"ui-monospace",
…Colors
64
Typography
11
Spacing
32
Radius
16
Shadows
12
Tailwind Config
Paste into tailwind.config.js. Free — no account required.