# Проблема с цветами иконок заголовка в Discourse
**URL:** https://meta.discourse.org/t/issue-with-discourse-header-icon-colours/323163
**Category:** Development
**Created:** [24.Август.2024 02:52:27 UTC](https://meta.discourse.org/t/issue-with-discourse-header-icon-colours/323163 "2024-08-24T02:52:27Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@lucr](https://meta.discourse.org/u/lucr)
#### Post date: [24.Август.2024 02:52:27 UTC](https://meta.discourse.org/t/issue-with-discourse-header-icon-colours/323163/1 "2024-08-24T02:52:27Z")
Уже довольно давно у меня возникают проблемы с иконками в заголовках. В тёмной теме иконки заголовка белые, в светлой — тёмные. Я снова попытался разобраться в проблеме и просмотрел несколько тем.
В этой теме: [Site header icons don't use header primary color](https://meta.discourse.org/t/site-header-icons-dont-use-header-primary-color/108093) говорится, что Discourse был обновлён для использования переменных `header_primary` и `header_secondary` для иконок:
> [@awesomerobot](#):
>
> Я только что обновил это, чтобы использовать `$header_primary` и `$header_background` вместо `$primary` и `$secondary`.
Однако, изучив свои цветовые темы и поэкспериментировав, я обнаружил, что мой экземпляр, похоже, не содержит этого исправления. Указанная публикация датирована 2019 годом, а я сейчас использую версию 3.4.0.beta1-dev.
Примеры того, что я имею в виду:
Если я изменю основной цвет на красный:
Если у кого-то есть какие-либо идеи или предложения, я буду очень признателен.
---
### Author:  [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [24.Август.2024 02:58:49 UTC](https://meta.discourse.org/t/issue-with-discourse-header-icon-colours/323163/3 "2024-08-24T02:58:49Z")
Исчезает ли проблема, если использовать безопасный режим в режиме «без тем»?
---
### Author:  [@lucr](https://meta.discourse.org/u/lucr)
#### Post date: [24.Август.2024 03:10:01 UTC](https://meta.discourse.org/t/issue-with-discourse-header-icon-colours/323163/4 "2024-08-24T03:10:01Z")
Я никогда не думал проверять, но только что сделал это, и да, проблема исчезла после этого. Я предполагаю, что это проблема темы. Она уже довольно старая.
---
### Author:  [@bryce](https://meta.discourse.org/u/bryce)
#### Post date: [25.Август.2024 15:12:43 UTC](https://meta.discourse.org/t/issue-with-discourse-header-icon-colours/323163/5 "2024-08-25T15:12:43Z")
Инструменты разработчика в браузере помогут разобраться в ситуации, показав, какие стили применяются. В Chrome/Firefox нажмите правой кнопкой мыши на один из значков в заголовке и выберите «Inspect» (Проверить).
Найдите панель стилей, где отображается весь CSS-код, влияющий на элемент. Сам цвет значка должен управляться свойством `color`. Похоже, у вас также установлено свойство `background-color` со значением “primary”.
Справа отображается имя файла-источника для каждого блока CSS-стилей. Многие из них относятся к ядру Discourse (например, “header.scss” из скриншота). Если указано что-то вроде “theme\_6.scss”, это, вероятно, из вашей темы или другого активного компонента темы. Вы можете кликнуть по имени файла, чтобы просмотреть его и увидеть, где именно в файле находится этот код (или обратиться к номеру строки справа от имени файла).
Наконец, вы можете включать и выключать свойства в панели стилей, чтобы увидеть, как это будет выглядеть, если их убрать (наведите курсор на свойство, чтобы увидеть флажок). Они перечислены от наивысшего приоритета к низшему, поэтому обычно те, что сверху, переопределяют всё, что ниже. Например, на скриншоте видно, что `color: var(--primary-low-mid)` из “buttons.scss” был переопределён (об этом свидетельствует зачёркивание).
Если вы не видите ничего очевидного, попробуйте выбрать родительские элементы на вкладке Elements (Элементы), чтобы поискать стили там. В данном случае иконка SVG находится внутри элемента ссылки (``), который, в свою очередь, находится внутри элемента списка (``), и цвет фона может поступать из одного из них.
Как только вы найдёте проблемный CSS-код в своей теме, вы сможете безопасно удалить его, чтобы вернуть внешний вид по умолчанию!
---
### Author:  [@lucr](https://meta.discourse.org/u/lucr)
#### Post date: [25.Август.2024 18:16:06 UTC](https://meta.discourse.org/t/issue-with-discourse-header-icon-colours/323163/6 "2024-08-25T18:16:06Z")
Огромное спасибо за такой подробный ответ! Я обязательно посмотрю на это сегодня вечером и постараюсь внести исправления.