apossible.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 111 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "bg-black": "hsla(51, 0%, 12%, 1)",
        "bg-black-transparent": "hsla(51, 0%, 12%, 0.8)",
        "border-off-white": "hsla(51, 33%, 94%, 1)",
        "bg-off-white": "hsla(51, 9%, 95%, 1)",
        "bg-off-white-dark": "hsla(51, 3%, 80%, 1)",
        "path-off-white": "hsla(51, 33%, 94%, 0.4)",
        "button-border": "hsla(0, 0%, 50%, 0.25)",
        "bg-white": "#FFFFFF",
        "text-black": "#333333",
        "text-grey": "#999999",
        "text-darken": "rgba(0,0,0,95)",
        "grid-stroke": "hsla(51, 33%, 94%, 0.3)",
        "colour-1": "#797d62",
        "colour-2": "#9b9b7a",
        "colour-3": "#d9ae94",
        "colour-4": "#f1dca7",
        "colour-5": "#ffcb69",
        "colour-6": "#e8ac65",
        "colour-7": "#d08c60",
        "colour-8": "#997b66"
      },
      "fontFamily": {
        "apossible": [
          "Apossible"
        ],
        "neue-haas-unica-w04-regular": [
          "Neue Haas Unica W04 Regular",
          "-apple-system",
          "BlinkMacSystemFont",
          "Helvetica Neue",
          "Helvetica",
          "Arial",
          "sans-serif"
…