raycast.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 131 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": "#ff6363",
        "yellow": "#ffc533",
        "srgb-0-122667": "#1f2025"
      },
      "fontFamily": {
        "geist-mono": [
          "Geist Mono",
          "monospace"
        ],
        "inter": [
          "Inter",
          "Inter Fallback",
          "sans-serif"
        ],
        "sf-pro-text": [
          "SF Pro Text",
          "SF Pro Icons",
          "Inter",
          "Inter Fallback"
        ]
      },
      "spacing": {
        "1rem": "1rem",
        "1px": "1px",
        "2px": "2px",
        "3px": "3px",
        "4px": "4px",
…