typeform.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 119 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "tokens-surfaces-background-idle": "#faf9fb",
        "tokens-text-colour-text-colour-primary": "#2a222b",
        "tokens-text-colour-text-colour-secondary": "#655d67",
        "tokens-text-colour-eyebrow-colour": "#a25fba",
        "tokens-button-primary-bg-hover": "#564b58",
        "colour-primitives-primitives-purple-800": "#753a88",
        "colour-primitives-primitives-neutral-900": "#3e3040",
        "colour-primitives-primitives-purple-700": "#9454ab",
        "colour-primitives-get-real-500": "#b66dd5",
        "colour-primitives-primitives-purple-300": "#eccffa",
        "colour-primitives-primitives-yellow-200": "#fcf0ca",
        "colour-primitives-primitives-red-600": "#ce5d55",
        "colour-primitives-primitives-green-700": "#457d4e",
        "colour-primitives-primitives-green-400": "#97da90",
        "colour-primitives-primitives-neutral-600": "#837a85",
        "colour-primitives-get-real-800": "#580273",
        "colour-primitives-primitives-yellow-300": "#fbe19d",
        "colour-primitives-primitives-green-300": "#c4e3ba",
        "colour-primitives-primitives-blue-300": "#bdddf9"
      },
      "fontFamily": {
        "gt-america-web": [
          "Gt America Web",
          "sans-serif"
        ],
        "tobias": [
          "Tobias",
          "Times New Roman",
          "sans-serif"
        ],
        "twklausanne": [
          "Twklausanne",
          "Arial",
…