Youtube 上有一个漂亮的按钮（很容易被忽略 - 视频左上角），可以让人“关灯”：网站背景从白色变为黑色，文字颜色从黑色变为灰色。Firefox 有一个不相关的插件，名为“关灯”，功能非常相似。
这使得网站阅读起来更容易。然而，这两种技术只适用于 YouTube。有什么可以达到同样的效果吗？全部网站？最好使用 Firefox？
即：我希望使用 Firefox 浏览的所有网站的背景都为深色，文本颜色为浅色，我该怎么做？
答案1
答案2
这把灯关掉浏览器（Chrome、Safari、Opera、IE）扩展支持所有网站（视频或无视频）。只需单击一下，即可使页面变暗，并可以选择更改不透明度（至 100% 或更低）
另外一个好处是，我读到有一个“眼睛保护”选项，它会在选定的时间自动关灯（例如晚上）。
如果您需要新功能，只需在他们的代码项目页面上报告即可。
答案3
用户样式表。CSS
表示层叠样式表。“层叠”是指样式表的应用顺序。
现在，所有网页呈现（形状、颜色、字体、定位、布局）都应该由样式表处理，尽管有些网站可能仍在使用 HTML 样式，但这对于最佳实践来说是大忌，并且已被弃用。
最上面是外部样式表，服务器上的任何页面都可以链接这些样式表。接下来是嵌入样式表（通常位于页面文档 HTML 的顶部），然后是内联样式表（因此您可以拥有一个站点范围的样式表，使用嵌入样式来覆盖特定页面的某些内容，或者在 HTML 上方链接多个外部样式表（较低的样式表（在较低的行上）会覆盖较高的样式表），然后使用内联样式覆盖元素上的特定内容，例如，如果您想让站点上的一个段落变成鲜红色、粗体并浮动在滚动活动上方。
作为可访问性标准的一部分，用户样式表位于最后并凌驾于其他一切之上，例如，如果您希望所有文本均为 36 号大小或所有背景均为黑色而文本均为灰色。
我从来没有这样做过，但我猜你只需添加背景 CSS 并重新启动浏览器。
body { background-color:#b0c4de; }
是用于背景颜色的 CSS 标签（黑色是 ffffff 或 000000，我忘了）。外部样式表没有标题，只有标签。
示例 1（qualtrics），示例 2（w3schools）
因此你的看起来应该是这样的：
body p h1 h2 { background-color: 000000; }
p h1 h2 a { text-color: 818181; }