figma.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 85 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "global-statsig-overlay": "#FFFFFF",
        "fig-theme-bg": "#000000",
        "fig-theme-fg-muted": "color-mix(in oklch, #FFFFFF, transparent 46%)",
        "fig-theme-card-bg": "color-mix(in oklch, #FFFFFF, transparent 92%)",
        "fig-theme-btn-primary-bg-hover": "color-mix(in oklch, #FFFFFF, transparent 20%)",
        "fig-theme-btn-secondary-bg": "color-mix(in oklch, #FFFFFF, transparent 100%)",
        "fig-theme-btn-transparent-bg": "color-mix(in oklch, #FFFFFF, transparent 96%)",
        "fig-theme-btn-transparent-bg-hover": "color-mix(in oklch, #FFFFFF, transparent 84%)",
        "fig-theme-form-error-bg": "#FFB3B3",
        "000000": "#000000"
      },
      "fontFamily": {
        "figmasans": [
          "figmaSans",
          "figmaSans Fallback",
          "SF Pro Display",
          "system-ui",
          "helvetica",
          "sans-serif"
        ],
        "figmamono": [
          "figmaMono",
          "figmaMono Fallback",
          "SF Mono",
          "menlo",
          "monospace"
        ]
      },
      "spacing": {
        "0rem": "0rem",
        "0-125rem": "0.125rem",
        "0-25rem": "0.25rem",
        "0-28125rem": "0.28125rem",
…