No meu trabalho atual, usamos variáveis .env para definir as cores principais das páginas da web. Tenho usado a nova configuração do Tailwind, onde você define tudo em index.css, mas não encontrei uma maneira de usar variáveis de ambiente diretamente lá.
Meu index.css, isso FUNCIONA, mas não é o que estou procurando
@import "tailwindcss";
@theme{
--color-main:#62297f;
--color-secondary:#5184c9;
}
Meu .env
VITE_PRIMARY_COLOR=#3490dc
VITE_SECONDARY_COLOR=#ffed4a
VITE_ACTION_COLOR=#e3342f