@raminy/css-config/tailwind.config.ts

Tailwind CSS v4 configuration with predefined themes, semantic color tokens, and SCSS utilities for theme customization and generation.

import { themes, variablePrefix } from "./themes";

const [theme] = themes;

const colors = Object.keys(theme.details).reduce<Record<string, string>>((prev, color) => {
  prev[color] = `var(${variablePrefix}${color})`;
  return prev;
}, {});

const config = {
  theme: {
    extend: {
      colors,
    },
  },
};

export default config;