Проблема с цветовой палитрой

[tenisforum (Yiğit)]

Привет! Я использую тему Mint на своём сайте и столкнулся с проблемой цветов. Вверху есть кнопка переключения тёмного/светлого режима, и при изменении цвета фона кнопки также меняется цвет самой кнопки, из-за чего надпись «тёмный/светлый» становится невидимой.

На фото, как вы видите, кажется, что там пусто, но на самом деле это три разные кнопки с надписями «тёмный», «светлый», «авто», однако цвет фона и цвет текста совпадают, поэтому они не видны.

[tenisforum (Yiğit)]

обновление: всё ещё та же проблема… кто-нибудь может помочь?

[Arkshine]

@Yiğit

каждый раз, когда я меняю цвет фона кнопки

Здравствуйте, добро пожаловать!
Вы имеете в виду, что добавили пользовательский CSS для изменения цвета? Можете поделиться своими изменениями?

[Andrew_Rowe]

Также недавние обсуждения на этом форуме о переключении тёмной/светлой темы указывают на то, что для её работы в настройках должны быть настроены как светлая, так и тёмная цветовые палитры.

[tenisforum (Yiğit)]

Привет, спасибо! Нет, я ничего лишнего не добавлял, я использую тему Mint. Цвет кнопок «Тёмная/Светлая/Автоматически» и их фон одинаковы, поэтому они выглядят невидимыми. Например, когда я меняю цвет кнопки, это также влияет на фон кнопки.

[tobiaseigen]

Что указано в настройке сайта «Default dark mode color scheme ID»? Должно быть mint-dark.

[tenisforum (Yiğit)]

Это так, но это не работает. Буквы всё ещё не видны

[Arkshine]

Судя по всему, CSS-стили ядра d-menu перезаписывают стили кнопок темы, так как имеют более высокую специфичность:

Однако это не обязательно является проблемой.
Тема Mint использует специфичный стиль для кнопки по умолчанию (класс btn-default).
А селектор элемента выпадающего меню использует кнопку с классом btn-default.

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

Или, возможно, тема должна поддерживать функцию ядра:

.interface-color-selector-content .btn-default {
    color: var(--primary);
    border: none;
    transition: none;
    text-transform: none;

    .d-icon {
        color: var(--primary-high);
    }
}

[tenisforum (Yiğit)]

О, это немного сложно, дай мне время это обработать

[tobiaseigen]

Похоже, это проблема в ядре для команды дизайна, поэтому я переместил её в категорию UX.

[tenisforum (Yiğit)]

Спасибо большое!

[tenisforum (Yiğit)]

Обновление: кнопка исчезла. Команда UX работает над этим?

[chapoi]

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

Извините за долгое ожидание. Класс btn-default действительно не нужен в этом месте и стал причиной проблемы.

Исправлено в

UX: remove btn-default class from light-dark toggle (#34070)