каковы автоматические изменения в темном режиме css?

#css #css-selectors

#css #css-селекторы

Вопрос:

У меня есть сайт, который уже полностью темный (https://spacetrace.org ), но поскольку в Firefox существует новый темный режим, если он выбран, некоторые цвета и прозрачные пленки изображения каким-то образом изменяются, что нарушает общий стиль.

Я не смог найти официальный документ, который объясняет автоматические изменения.

Как мне узнать, что было изменено, и отменить эти неожиданные изменения?

Примечание: я хотел бы улучшить сайт, чтобы он делал то, что хочет пользователь, и предоставлял рабочую темную версию с использованием медиа-запроса:

 @media (prefers-color-scheme: dark) {
  /*  css */
}

Но я не могу найти параметры CSS, которые были изменены, поэтому я могу их адаптировать

Ответ №1:

Я предполагаю, что вы говорите об этом.

http://kb.mozillazine.org/index.php?title=UserChrome.cssamp;printable=yes#Editing;
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme;

Все, что вам нужно, это добавить файл userChrome.css с некоторым кодом, подобным этому:

 :root:not(:-moz-lwtheme) {
  background-color: #e3e4e6 !important;
  color: #18191a !important;
}