replit.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 148 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "111827": "#111827",
        "brand-text": "#1b252b",
        "brand-secondary-text": "#5c6062",
        "brand-text-light": "#f5f9fc",
        "brand-accent-strongest": "#feccb3",
        "brand-accent-stronger": "#fe9c6c",
        "brand-accent-default": "#ec4e02",
        "brand-accent-dimmer": "#bb3e02",
        "brand-accent-dimmest": "#7e2a01"
      },
      "fontFamily": {
        "replit-diatype": [
          "Replit Diatype",
          "sans-serif"
        ],
        "replit-diatype-mono": [
          "Replit Diatype Mono",
          "monospace"
        ]
      },
      "spacing": {
        "2px": "2px",
        "3px": "3px",
        "4px": "4px",
        "5px": "5px",
        "6px": "6px",
        "7px": "7px",
        "8px": "8px",
        "9px": "9px",
        "10px": "10px",
        "12px": "12px",
        "16px": "16px",
        "17px": "17px",
…