itsnicethat.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 92 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "dark-grey": "#222222",
        "grey": "#555555",
        "light-grey": "#e8e8e8",
        "white-60": "hsla(0,0%,100%,0.6)",
        "white-80": "hsla(0,0%,100%,0.8)",
        "heliotrope": "#a074ff",
        "heliotrope-30": "rgba(160,116,255,0.3)",
        "magnolia": "#f9f5ff",
        "mineshaft-10": "rgba(43,43,43,0.1)",
        "mineshaft-20": "rgba(43,43,43,0.2)",
        "mineshaft-30": "rgba(43,43,43,0.3)",
        "mineshaft-40": "rgba(43,43,43,0.4)",
        "mineshaft-60": "rgba(43,43,43,0.6)",
        "mineshaft-80": "rgba(43,43,43,0.8)",
        "purple": "#6219ff",
        "violet": "#8147ff",
        "chartreuse": "#deff00",
        "flush": "#ff8400"
      },
      "fontFamily": {
        "labilvariable": [
          "LabilVariable",
          "Labil",
          "sans-serif"
        ],
        "bradford": [
          "Bradford",
          "serif"
        ],
        "labil": [
          "Labil",
          "sans-serif"
        ]
…