tailwind.config.js 821 B

12345678910111213141516171819202122232425262728293031
  1. const { light, dark } = require("@charcoal-ui/theme");
  2. /**
  3. * @type {import('tailwindcss/tailwind-config').TailwindConfig}
  4. */
  5. module.exports = {
  6. darkMode: true,
  7. content: ["./src/**/*.tsx", "./src/**/*.html"],
  8. theme: {
  9. extend: {
  10. colors: {
  11. primary: "#856292",
  12. "primary-hover": "#8E76A1",
  13. "primary-press": "#988BB0",
  14. "primary-disabled": "#6F48694D",
  15. secondary: "#FF617F",
  16. "secondary-hover": "#FF849B",
  17. "secondary-press": "#FF9EB1",
  18. "secondary-disabled": "#FF617F4D",
  19. base: "#FBE2CA",
  20. "text-primary": "#514062",
  21. },
  22. fontFamily: {
  23. M_PLUS_2: ["Montserrat", "M_PLUS_2", "sans-serif"],
  24. Montserrat: ["Montserrat", "sans-serif"],
  25. },
  26. },
  27. },
  28. plugins: [
  29. require('@tailwindcss/forms'),
  30. ],
  31. };