CSS暗模式下的自动更改是什么？

如何解决CSS暗模式下的自动更改是什么？

我有一个站点已经是整体暗色（https://spacetrace.org），但是由于Firefox中存在新的暗色模式，因此如果选择了该模式，则某些颜色和图像透明度会有所改变，从而破坏了整体风格

我找不到解释自动更改的正式文档。

我如何找出更改内容并还原那些意外更改？

注意：我想对网站进行增强，使其能够满足用户的需求，并使用媒体查询来提供有效的深色版本：

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

但是我找不到已更改的CSS选项，因此我可以对其进行修改

解决方法

我猜你在说这个。

http://kb.mozillazine.org/index.php?title=UserChrome.css&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;
}