Tailwind CSS theme.extend · 112 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"701112": "#701112",
"3566f0": "#3566f0",
"x11y6m9k": "var(--lightningcss-light,#2451da)var(--lightningcss-dark,#dae6fd)",
"ffcc38": "#ffcc38",
"x1fwcpeh": "color-mix(in srgb, var(--x4sldyk) 88%, #000)",
"x1hqqq8t": "color-mix(in srgb, var(--x4sldyk) 78%, #000)",
"00b4ff": "#00b4ff",
"00bf9e": "#00bf9e",
"add900": "#add900",
"ee61e2": "#ee61e2",
"ff765d": "#ff765d",
"ff49ad": "#ff49ad",
"ad56ff": "#ad56ff",
"ffc900": "#ffc900",
"4e0e0d": "#4e0e0d",
"c01318": "#c01318",
"x1hpogdp": "#ffffff",
"2451da": "#2451da",
"00806a": "#00806a",
"a65700": "#a65700",
"x1iagkcv": "var(--lightningcss-light,#000c)var(--lightningcss-dark,#fffc)",
"x1plzxtf": "var(--lightningcss-light,#000000e6)var(--lightningcss-dark,#ffffffe6)",
"xloiy2a": "var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff1a)",
"x1kfmq3j": "var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0d)",
"x1ovfp4u": "var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26)",
"x1w3e1qa": "var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff26)"
},
"fontFamily": {
"apple-system-body": [
"-apple-system-body",
"ui-sans-serif",
"-apple-system",
"system-ui",
…Colors
36
Typography
16
Spacing
32
Radius
16
Shadows
12
Tailwind Config
Paste into tailwind.config.js. Free — no account required.