CSS ломает возможность добавления тёмной темы

Разработка
1

У меня возникли трудности с добавлением тёмной темы на производственном форуме. Не понимаю, почему, но на сайте некоторые элементы остаются белыми. Я запустил тестовый Discourse, но не могу воспроизвести проблему, однако на производственном форуме после включения тёмной темы выглядит это так:

image
image1360×305 19.4 KB

CSS. Нажмите, чтобы увидеть

.page-not-found-search { display: none; }
.hamburger-panel ul.category-links li.subcategory {
display: none;
}
img[src*=‘#left’] {
float: left;
}
img[src*=‘#right’] {
float: right;
}
img[src*=‘#center’] {
display: block;
margin: auto;
}
.d-header-icons .icon:hover, .d-header-icons .icon:focus {
background-color: white;
}

.d-header-icons .d-icon {
color: white;
}

.d-header-icons .icon:hover .d-icon, .d-header-icons .icon:focus .d-icon {
color: #0082c9;
}

.drop-down-mode .d-header-icons .active .icon .d-icon {
color: #0082c9;
}

/* Не показывать подкатегории в списке категорий */
.category-list .subcategories {
display: none;
}

Насколько я знаю, проблема в CSS, поэтому хочу узнать, как её исправить. Спасибо за любые советы.

2

Применяются ли какие-либо другие темы или компоненты?

Вы меняете только цветовую схему или пытаетесь внести изменения через CSS?

Можете поделиться URL?

3

image
image518×100 3.64 KB

Пока что я работал только с цветовой схемой. Я экспортировал существующий CSS (ссылка выше) и настройки темы, чтобы протестировать их на своём собственном домашнем Discourse, но не столкнулся с подобными проблемами.

Насколько я знаю, я отказался от этого права, чтобы получить такой уровень доступа. :heart:

4

Я разобрался. В пользовательский компонент были добавлены дополнительные значения CSS, который я по ошибке считал стандартным. Удаление этого компонента решило проблему, и тёмная тема теперь работает идеально.

Спасибо за помощь @pfaffman, я знаю, что у всех плотный график. :heart:

5

Наверное, это было «Сделать баннер белым» !!!

6

Это было «Шрифт» :wink: