代码之家 › 专栏 › 技术社区 › rubo77

css黑暗模式下的自动更改是什么?

css-selectors css

rubo77 · 技术社区 · 4 年前

我有一个网站已经完全黑了( https://spacetrace.org ),但由于Firefox中存在新的黑暗模式,如果选择了它,一些颜色和图像透明度就会以某种方式发生变化,从而破坏了整体风格。

我找不到解释自动更改的官方文件。

我如何找出发生了什么变化并恢复这些意外的变化?

注意:我想增强网站,让它做用户想要的事情,并使用媒体查询提供一个可用的黑暗版本:

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

但我找不到更改过的CSS选项,所以我可以调整它们

0 回复 | 直到 4 年前

Code'as 4 年前

我猜你在说这个。

您只需添加userChrome.css文件,代码如下:

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

推荐文章

Monica · 使用Selenium和Python在没有url的情况下单击下载文件

2 年前

Kevin Rodgers Jr. · Python BeautifulSoup:在in select语句中排除其他标记

3 年前

Arad · 即使使用相同的选择器,外部样式表也会覆盖内部样式表

7 年前

user1032531 · jQuery Validate require\u from\u group并按名称选择

7 年前

Christian Luneborg · 星级评定不起作用

7 年前

Gabriel Morais · CSS未应用媒体查询

7 年前

Kevin · CSS属性选择器中的“i”是什么意思?[副本]

7 年前

S syed · 如何在javascript中删除DIV标记内的CSS类?[副本]

7 年前

Karos papermoon · Div和定位问题

7 年前

user9549074 · 如何从CSS中的输入文本中设置最后一个字符的样式?

7 年前