Css important что это?

Important является отметкой важности у отдельного объявления. Например, .notice { color: teal !important; padding: 1rem; } делает важным цвет, но не padding. Такая отметка меняет порядок выбора значения в каскаде. Поэтому обычное объявление с более точным селектором может проиграть важному объявлению: одной специфичности недостаточно, чтобы перепрыгнуть соответствующий уровень приоритета.

Для вашей темы откройте нужный элемент в Styles и найдите победивший color. Посмотрите, важное ли это объявление, в каком файле оно записано и какие другие правила подходят к тому же элементу. Если вы можете изменить исходную тему, иногда проще убрать ненужную отметку в понятном месте, чем добавлять еще одну поверх. Если тема сторонняя и ее файлы обновляются автоматически, храните точечную правку отдельно и объясните ее назначение комментарием.

Important не является абсолютной силой над всем CSS. Между важными объявлениями продолжают действовать правила каскада. Источник и слои рассматриваются до специфичности, причем порядок слоев для важных объявлений обратный по отношению к обычным. Пользовательские важные стили могут иметь приоритет над авторскими важными. Во время перехода вычисляемое переходом значение тоже имеет особое положение в каскаде.

Не нужно запоминать эти исключения ради каждой смены цвета, но полезно понимать, почему бесконечное добавление решеток и important не дает надежной структуры. Начните с конкретного конфликта и минимальной области изменения. Если селектор не совпадает с элементом или значение свойства недопустимо, отметка важности этого не исправит. После правки проверьте состояния наведения и фокуса, чтобы случайно не заблокировать нужные изменения цвета.