claude.ai/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 112 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "cds-black": "#000000",
        "cds-clay": "#d97757",
        "cds-gray-0": "#ffffff",
        "cds-gray-200": "#c3c2b7",
        "cds-gray-300": "#a5a49a",
        "cds-gray-500": "#6d6b67",
        "red-350": "#e66767",
        "red-450": "#d03b3b",
        "orange-350": "#eb6834",
        "orange-450": "#c25124",
        "yellow-350": "#c98500",
        "yellow-450": "#a66a00",
        "green-350": "#35b231",
        "green-450": "#009300",
        "aqua-350": "#1baf7a",
        "aqua-450": "#138e65",
        "blue-350": "#5598e7",
        "blue-450": "#2a78d6",
        "1757ac": "#1757ac",
        "srgb-0-0431373": "color(srgb 0.0431373 0.0431373 0.0431373 / 0.05)"
      },
      "fontFamily": {
        "anthropic-sans": [
          "anthropic-sans",
          "anthropic-sans-roman-fallback",
          "system-ui",
          "Segoe UI",
          "Roboto",
          "Helvetica",
          "Arial",
          "PingFang SC",
          "PingFang TC",
          "Hiragino Sans",
…