Можно ли изменить иконки только при самостоятельном размещении? У иконок есть фон, который плохо сочетается с моим цветом фона. Если убрать фон SVG, они будут выглядеть лучше.
SVG-иконки должны соответствовать цветовой палитре пользователя. Вы можете изменить сами иконки в компоненте темы, если у вас есть доступ к компонентам на вашем сайте. Можете ли вы предоставить больше деталей о вашей проблеме, возможно, со скриншотом? Также подтвердите, что у вас правильно настроены светлый и темный режимы в настройках.
Спасибо, вот как это выглядит:
Я понял, что это связано с состоянием кнопки. Если кликнуть в любом месте фона страницы, всё выглядит хорошо: серый квадрат исчезает, и цвет луны становится таким же, как у лупы. Я пробовал менять цвета в теме, но не смог найти параметр, отвечающий за это.
Пока оставлю как есть, чтобы вы могли увидеть:
Также я хотел бы изменить иконку на circle-half-stroke, но мои попытки не увенчались успехом.
Я понимаю, что вы имеете в виду. Я записал небольшой скринкаст, чтобы продемонстрировать это.
То же самое происходит на моём сайте (и здесь, на Meta), даже с селектором на боковой панели. Это выглядит немного менее некрасиво, потому что цвета ближе друг к другу, а кнопка в заголовке не так заметна, как в вашем случае.
Это, вероятно, довольно незначительное исправление дизайна, чтобы предотвратить это, и я согласен, что это хорошая идея.
Думаю, сейчас нет настройки для редактирования иконок. Есть настройка, которая гарантирует загрузку используемых иконок, но сами иконки нельзя настроить без форка компонента или добавления отдельной настройки для кастомизации.
Это добавляет иконки. Эта настройка полезна для компонентов, где администраторы могут выбирать иконки, например, для пользовательских иконок заголовка. Там вы можете использовать эту настройку, чтобы добавить нужные вам иконки, чтобы они загружались.
Мне кажется, что если вы не можете настроить иконки, их также можно добавить в файл about.json. Но я всё ещё изучаю, как работают темы.
Я легко заменил солнце и луну на своём форуме на инь-ян, добавив это в тег head при редактировании CSS компонента (я также заменил иконку бота на молнию).
<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('robot', 'bolt');
api.replaceIcon('sun', 'yin-yang');
api.replaceIcon('moon', 'yin-yang');
</script>
Мне показалось, что так делать проще. 