shopify.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 129 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "ff6900": "#ff6900",
        "f0b100": "#f0b100",
        "00c950": "#00c950",
        "2b7fff": "#2b7fff",
        "dab2ff": "#dab2ff",
        "ad46ff": "#ad46ff",
        "d4d4d8": "#d4d4d8",
        "9f9fa9": "#9f9fa9",
        "52525c": "#52525c",
        "black": "#000000",
        "white": "#ffffff",
        "shade-40": "#a1a1aa",
        "shade-50": "#71717a",
        "shade-60": "#52525b",
        "shade-70": "#3f3f46",
        "pistachio-10": "#d4f9e0",
        "aloe-10": "#c1fbd4",
        "uc-glass": "linear-gradient(#181d20,#181d20)padding-box,linear-gradient(180deg,#ffffff8c,#ffffff0f)border-box",
        "background-image-uc-glow": "radial-gradient(circle at center,#6cd48480,#6cd48424 44%,transparent 68%)",
        "uc-fade-mask": "linear-gradient(to bottom,transparent 0,#000 11%,#000 89%,transparent 100%)",
        "shop-purple": "#5433eb",
        "ffffff": "#ffffff",
        "061a1c": "#061a1c",
        "000000": "#000000"
      },
      "fontFamily": {
        "shopify-inter": [
          "Shopify-Inter",
          "Helvetica",
          "Arial",
          "sans-serif"
        ],
        "inter": [
…