windi.config.ts 1.1 KB

123456789101112131415161718192021222324252627282930313233
  1. import { defineConfig } from "windicss/helpers"
  2. export default defineConfig({
  3. darkMode: "class",
  4. // https://windicss.org/posts/v30.html#attributify-mode
  5. attributify: true,
  6. theme: {
  7. extend: {
  8. colors: {
  9. primary: "var(--primary-color)",
  10. primaryLight: "var(--primary-light-color)",
  11. primaryDark: "var(--primary-dark-color)",
  12. secondary: "var(--secondary-color)",
  13. secondaryLight: "var(--secondary-light-color)",
  14. secondaryDark: "var(--secondary-dark-color)",
  15. accent: "var(--accent-color)",
  16. accentLight: "var(--accent-light-color)",
  17. accentDark: "var(--accent-dark-color)",
  18. accentContrast: "var(--accent-contrast-color)",
  19. divider: "var(--divider-color)",
  20. dividerLight: "var(--divider-light-color)",
  21. dividerDark: "var(--divider-dark-color)",
  22. error: "var(--error-color)",
  23. tooltip: "var(--tooltip-color)",
  24. popover: "var(--popover-color)",
  25. },
  26. fontFamily: {
  27. sans: "var(--font-sans)",
  28. mono: "var(--font-mono)",
  29. },
  30. },
  31. },
  32. })