التخصيص والإعداد

// tailwind.config.js
export default {
  theme: {
    extend: {
      colors: {
        brand: {
          purple: "#b026ff",
          cyan: "#00f5ff"
        }
      },
      fontFamily: {
        arabic: ["Cairo", "sans-serif"]
      },
      borderRadius: {
        "4xl": "2rem"
      }
    }
  }
}

<div class="bg-brand-purple text-brand-cyan font-arabic rounded-4xl">
  ألوان مخصّصة
</div>

@import "tailwindcss";
@theme {
  --color-brand-purple: #b026ff;
  --font-arabic: "Cairo", sans-serif;
}