Tailwind Config

Tailwind CSS theme.extend · 86 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "colors-gray0": "#ffffff",
        "colors-gray4": "#999999",
        "colors-gray5": "#696969",
        "colors-gray6": "#333333",
        "colors-gray7": "#000000",
        "colors-red2": "#DFBEBE",
        "colors-red3": "#B93D3D",
        "colors-green2": "#B4D6B3",
        "colors-green3": "#238020",
        "colors-blue1": "#EBECF7",
        "colors-blue2": "#3D46C2",
        "colors-blue3": "#00075F",
        "colors-foregroundshadow": "rgba(0, 0, 0, 0.08)",
        "colors-foregroundlight": "rgba(0, 0, 0, 0.6)",
        "colors-foregroundheavy": "rgba(0, 0, 0, 0.85)",
        "colors-backgroundshadow": "rgba(255, 255, 255, 0.08)",
        "colors-backgroundlight": "rgba(247, 247, 247, 0.6)",
        "colors-backgroundheavy": "rgba(255, 255, 255, 0.95)",
        "colors-alert": "#E15100",
        "colors-notification": "#A87253"
      },
      "fontFamily": {
        "areal": [
          "areal",
          "areal Fallback",
          "Arial",
          "Helvetica",
          "sans-serif",
          "Arial",
          "Helvetica",
          "sans-serif"
        ]
      },
…