vigi/tailwind.config.js

let bgColors = {};
let textColors = {};

for (let i = 0; i <= 100; i += 5) {
  bgColors[`vigi-${i}`] =
    `color-mix(in var(--colorspace), var(--max-bg) ${i}%, var(--min-bg))`;

  textColors[`vigi-${i}`] =
    `color-mix(in var(--colorspace), var(--min-text) ${i}%, var(--max-text))`;
}

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{html,js,svelte,ts}"],
  theme: {
    extend: {
      colors: bgColors,
      textColor: textColors,
      animation: {
        pulse: "pulse 0.7s linear infinite",
      },
    },
  },
  plugins: [],
};