Плагин тегов баннеров и темная тема материалов

Поддержка
1

Здравствуйте,

Я использую плагин tag banners. Он жёстко задаёт primary-very-low в качестве цвета фона для всех баннеров, что в тёмном режиме совпадает с цветом текста. Стандартная тема Material правильно использует var(--secondary), который переключается на тёмный цвет в тёмном режиме. Есть ли простой способ исправить фон наших баннеров тегов?

По сути, я хочу, чтобы сгенерированный CSS использовал:

 .tag-title-header {
-  background: #f8f8f8;
+  background-color: var(--secondary);
 }

Спасибо.

2

Как изменить стиль баннера тега, объясняется здесь: Tag Banners

Вы можете изменить фон в редакторе CSS на вашем сайте. Перейдите в admin/customize/themes/1/common/scss/edit и добавьте свой CSS там:

Screenshot_2021-05-27 Admin - Constanza Is Testing Hosted Discourse(1)
Screenshot_2021-05-27 Admin - Constanza Is Testing Hosted Discourse(1)1110×263 21.1 KB

Например, я использовал:

[class*="tag-title-header"][class*=" tag-banner-"] {
  background-color: var(--secondary);
}

Использование селекторов атрибутов позволяет изменить фон для всех тегов. Однако вы можете указать имя тега в классе, чтобы изменить фон только для этого конкретного тега.

3

Теперь, когда мы поддерживаем CSS-переменные, нам также стоит исправить это в самом шаблоне :slight_smile:

4

Спасибо вам обоим! Я создал локальный компонент темы и изменил там CSS!