raycast.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 120 tokens

Preview

// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "base-white": "#ffffff",
        "grey-200": "#9c9c9d",
        "grey-300": "#6a6b6c",
        "grey-400": "#434345",
        "grey-600": "#1b1c1e",
        "blue-dark": "#56c2ff",
        "red-dark": "rgba(255,99,99,1)",
        "fg": "hsl(240,11%,96%)",
        "yellow": "hsl(43,100%,60%)",
        "yellow-transparent": "hsla(43,100%,60%,0.15)",
        "red": "hsl(0,100%,69%)",
        "red-transparent": "hsla(0,100%,69%,0.15)",
        "blue": "hsl(202,100%,67%)",
        "blue-transparent": "hsla(202,100%,67%,0.15)"
      },
      "fontFamily": {
        "sf-mono": [
          "SF Mono",
          "Monaco",
          "Cascadia Code",
          "Roboto Mono",
          "Consolas",
          "Courier New",
          "monospace"
        ],
        "geist-mono": [
          "Geist Mono",
          "monospace"
        ],
        "inter": [
          "Inter",
          "Inter Fallback",
          "sans-serif"
…