mirror of
https://github.com/tabler/tabler.git
synced 2026-10-13 13:47:00 +04:00
Bartek
1d9d9af77b
Pick `-fg` with a 3:1 minimum, add `--tblr-*-text` tokens for outline and ghost buttons, `.bg-*-lt` badges and alerts, and darken `$azure`, `$orange`, `$teal`, `$cyan` so white text holds up in the browser. Lighten blue, indigo, purple, pink and red in dark mode, and clamp out-of-gamut colors in `luminance()`.
219 lines
3.5 KiB
JSON
219 lines
3.5 KiB
JSON
{
|
|
"base": [
|
|
{
|
|
"name": "blue",
|
|
"variable": "var(--tblr-blue)",
|
|
"value": "#066fd1"
|
|
},
|
|
{
|
|
"name": "azure",
|
|
"variable": "var(--tblr-azure)",
|
|
"value": "#3d94dc"
|
|
},
|
|
{
|
|
"name": "indigo",
|
|
"variable": "var(--tblr-indigo)",
|
|
"value": "#4263eb"
|
|
},
|
|
{
|
|
"name": "purple",
|
|
"variable": "var(--tblr-purple)",
|
|
"value": "#ae3ec9"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"variable": "var(--tblr-pink)",
|
|
"value": "#d12e68"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"variable": "var(--tblr-red)",
|
|
"value": "#d33637"
|
|
},
|
|
{
|
|
"name": "orange",
|
|
"variable": "var(--tblr-orange)",
|
|
"value": "#f26200"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"variable": "var(--tblr-yellow)",
|
|
"value": "#f59f00"
|
|
},
|
|
{
|
|
"name": "lime",
|
|
"variable": "var(--tblr-lime)",
|
|
"value": "#74b816"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"variable": "var(--tblr-green)",
|
|
"value": "#2fb344"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"variable": "var(--tblr-teal)",
|
|
"value": "#00a174"
|
|
},
|
|
{
|
|
"name": "cyan",
|
|
"variable": "var(--tblr-cyan)",
|
|
"value": "#089db3"
|
|
}
|
|
],
|
|
"grays": [
|
|
{
|
|
"name": "gray-50",
|
|
"value": "#f8fafc"
|
|
},
|
|
{
|
|
"name": "gray-100",
|
|
"value": "#f1f5f9"
|
|
},
|
|
{
|
|
"name": "gray-200",
|
|
"value": "#e2e8f0"
|
|
},
|
|
{
|
|
"name": "gray-300",
|
|
"value": "#c8d3e1"
|
|
},
|
|
{
|
|
"name": "gray-400",
|
|
"value": "#9ba9be"
|
|
},
|
|
{
|
|
"name": "gray-500",
|
|
"value": "#6c7a91"
|
|
},
|
|
{
|
|
"name": "gray-600",
|
|
"value": "#49566c"
|
|
},
|
|
{
|
|
"name": "gray-700",
|
|
"value": "#313c52"
|
|
},
|
|
{
|
|
"name": "gray-800",
|
|
"value": "#1d273b"
|
|
},
|
|
{
|
|
"name": "gray-900",
|
|
"value": "#0f172a"
|
|
}
|
|
],
|
|
"light": [
|
|
{
|
|
"name": "blue-lt",
|
|
"value": "#e9f0f9"
|
|
},
|
|
{
|
|
"name": "azure-lt",
|
|
"value": "#ecf5fc"
|
|
},
|
|
{
|
|
"name": "indigo-lt",
|
|
"value": "#eceffd"
|
|
},
|
|
{
|
|
"name": "purple-lt",
|
|
"value": "#f7ecfa"
|
|
},
|
|
{
|
|
"name": "pink-lt",
|
|
"value": "#fbebf0"
|
|
},
|
|
{
|
|
"name": "red-lt",
|
|
"value": "#fbebeb"
|
|
},
|
|
{
|
|
"name": "orange-lt",
|
|
"value": "#fef0e6"
|
|
},
|
|
{
|
|
"name": "yellow-lt",
|
|
"value": "#fef5e6"
|
|
},
|
|
{
|
|
"name": "lime-lt",
|
|
"value": "#f1f8e8"
|
|
},
|
|
{
|
|
"name": "green-lt",
|
|
"value": "#eaf7ec"
|
|
},
|
|
{
|
|
"name": "teal-lt",
|
|
"value": "#e7f6f2"
|
|
},
|
|
{
|
|
"name": "cyan-lt",
|
|
"value": "#e8f6f8"
|
|
}
|
|
],
|
|
"social": [
|
|
{
|
|
"name": "facebook",
|
|
"value": "#1877F2"
|
|
},
|
|
{
|
|
"name": "twitter",
|
|
"value": "#1da1f2"
|
|
},
|
|
{
|
|
"name": "linkedin",
|
|
"value": "#0a66c2"
|
|
},
|
|
{
|
|
"name": "google",
|
|
"value": "#dc4e41"
|
|
},
|
|
{
|
|
"name": "youtube",
|
|
"value": "#ff0000"
|
|
},
|
|
{
|
|
"name": "vimeo",
|
|
"value": "#1ab7ea"
|
|
},
|
|
{
|
|
"name": "dribbble",
|
|
"value": "#ea4c89"
|
|
},
|
|
{
|
|
"name": "github",
|
|
"value": "#181717"
|
|
},
|
|
{
|
|
"name": "instagram",
|
|
"value": "#e4405f"
|
|
},
|
|
{
|
|
"name": "pinterest",
|
|
"value": "#bd081c"
|
|
},
|
|
{
|
|
"name": "vk",
|
|
"value": "#6383a8"
|
|
},
|
|
{
|
|
"name": "rss",
|
|
"value": "#ffa500"
|
|
},
|
|
{
|
|
"name": "flickr",
|
|
"value": "#0063dc"
|
|
},
|
|
{
|
|
"name": "bitbucket",
|
|
"value": "#0052cc"
|
|
},
|
|
{
|
|
"name": "tabler",
|
|
"value": "#066fd1"
|
|
}
|
|
]
|
|
}
|