IDE
PHPStorm
TailwindCSS
Configuração do Espaço de Trabalho
Como desativar as sugestões de cores do Tailwind CSS em className no PHPStorm
O Tailwind CSS é uma ferramenta poderosa para estilização, mas nem toda a gente aprecia quando a IDE tenta ser “demasiado útil”. Se preferes um ambiente mais minimalista e não queres que o editor adicione automaticamente marcadores coloridos ao código, é possível desativar essa opção em apenas alguns cliques.
Por padrão, o PHPStorm ativa sugestões de cores dentro de className — aqueles pequenos quadrados coloridos junto a classes como bg-red-500, text-blue-700, entre outras. Embora visualmente agradáveis, podem tornar-se distrativos, especialmente se valorizas um código limpo e legível.
Se, como eu, preferes o minimalismo e queres eliminar estas decorações automáticas, faz o seguinte:
Passos:
-
Abre as definições do PHPStorm:
File → Settings (ou PHPStorm → Preferences no macOS).
-
Vai para:
Languages & Frameworks → Style Sheets → Tailwind CSS.
-
Procura a opção colorDecorators.
-
Define o valor como false.
Depois disto, as sugestões coloridas desaparecerão e o teu código voltará a ter um aspeto limpo e organizado.