squareup.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": {
        "blue": "#006aff",
        "blue-dark": "#0055cc",
        "blue-light": "#cee7f3",
        "blue-color-mode-dark": "#1379f3",
        "red": "#df3320",
        "green": "#0bb634",
        "plum": "#a1499c",
        "rose": "#c14f70",
        "gray-30": "#bbbbbb",
        "gray-55": "#707070",
        "gray-75": "#333333",
        "gray-93": "#000000",
        "transparent": "rgba(0, 0, 0, 0)",
        "border-transparent": "rgba(128, 128, 128, .35)",
        "accent-transparent": "rgba(0, 0, 0, .06)",
        "drop-shadow": "rgba(0, 0, 0, .16)",
        "drop-shadow-theme": "rgba(0, 0, 0, .32)",
        "accessibility-focus-outline-color": "rgba(0, 106, 255, .8)",
        "blue-400": "#4a95ff"
      },
      "fontFamily": {
        "menlo": [
          "Menlo",
          "Monaco",
          "Consolas",
          "monospace"
        ],
        "square-sans-display-vf": [
          "Square Sans Display VF",
          "Square Sans Display",
          "Helvetica",
          "Arial",
          "Hiragino Kaku Gothic Pro",
…