Как отключить подсказки цветов Tailwind CSS в className в PHPStorm
Tailwind CSS — мощный инструмент для стилизации, но не всем нравится, когда IDE начинает “помогать” больше, чем нужно. Например, PHPStorm по умолчанию включает цветные подсказки внутри className — те самые цветные квадратики рядом с классами вроде bg-red-500, text-blue-700 и т.п. Это может выглядеть красиво, но зачастую только мешает, особенно если вы цените чистоту и читаемость кода.
Если вы, как и я, предпочитаете минимализм и не хотите, чтобы редактор сам добавлял цветные маркеры в код, отключить эту опцию можно в пару кликов.
Что нужно сделать:
-
Откройте настройки PHPStorm:
File → Settings (или PHPStorm → Preferences на macOS).
-
Перейдите в раздел:
Languages & Frameworks → Style Sheets → Tailwind CSS.
-
Найдите параметр colorDecorators.
-
Установите его значение в false.
После этого навязчивые цветные подсказки исчезнут, и ваш код снова станет опрятным и читаемым.