2022-09-09 08:33:20 +08:00
|
|
|
[#]: subject: "How to Enable Dark Mode in Web Browser"
|
|
|
|
[#]: via: "https://www.debugpoint.com/dark-mode-browser/"
|
|
|
|
[#]: author: "Arindam https://www.debugpoint.com/author/admin1/"
|
|
|
|
[#]: collector: "lkxed"
|
|
|
|
[#]: translator: "geekpi"
|
2022-09-15 23:23:28 +08:00
|
|
|
[#]: reviewer: "wxy"
|
|
|
|
[#]: publisher: "wxy"
|
|
|
|
[#]: url: "https://linux.cn/article-15035-1.html"
|
2022-09-09 08:33:20 +08:00
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
如何在浏览器中启用深色模式
|
2022-09-09 08:33:20 +08:00
|
|
|
======
|
2022-09-15 23:23:28 +08:00
|
|
|
|
|
|
|
![](https://img.linux.net.cn/data/attachment/album/202209/15/232124u1ikykxri6oehx0h.jpg)
|
|
|
|
|
|
|
|
> 本指南旨在帮助你了解如何在流行的浏览器,如 Firefox、谷歌 Chrome、Chromium 和微软 Edge 中启用深色模式。
|
2022-09-09 08:33:20 +08:00
|
|
|
|
|
|
|
我们都喜欢深色模式。许多人喜欢它,而不是标准的浅色模式。虽然许多桌面应用提供了原生的深色模式,但一些应用通过桌面环境的基础模式适应深色模式。
|
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
你不能否认,我们都在浏览器上花了好多时间。我们很少使用桌面应用(除非你是在工作,如视频编辑等)。因此,当你在浏览器上花很多时间阅读和学习时,你应该也可以选择深色模式。但是,对于各个浏览器,稍微有点不同。
|
|
|
|
|
|
|
|
本指南为你提供简单的步骤,你可以按照这些步骤在 Mozilla Firefox、Chromium、Chrome 和 Edge 浏览器中启用深色模式。
|
2022-09-09 08:33:20 +08:00
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
### 在浏览器中启用深色模式
|
2022-09-09 08:33:20 +08:00
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
#### 在 Firefox 中启用深色模式
|
2022-09-09 08:33:20 +08:00
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
打开 Firefox ,点击右上角的设置菜单。
|
2022-09-09 08:33:20 +08:00
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
点击 “<ruby>设置<rt>Settings</rt></ruby> > <ruby>扩展和主题<rt>Extension and Themes</rt></ruby>”。
|
|
|
|
|
|
|
|
选择“<ruby>深色主题<rt>Dark Theme</rt></ruby>”并点击“<ruby>启用<rt>enable</rt></ruby>”。然后你应该看到深色模式被应用到 Firefox。
|
2022-09-09 08:33:20 +08:00
|
|
|
|
|
|
|
![Enable dark mode in Firefox][1]
|
|
|
|
|
|
|
|
![Firefox in Dark Mode][2]
|
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
要恢复它,按照同样的步骤,选择浅色主题。
|
2022-09-09 08:33:20 +08:00
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
#### Chromium 和 Chrome 的深色模式
|
2022-09-09 08:33:20 +08:00
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
Chromium 或 Chrome 默认不预装任何深色主题。因此,你需要去 Chrome 商店,下载任何你想要的深色主题。在本指南中,我将推荐 “Morpheon Dark” 主题,它有超过一百万用户在使用它。
|
2022-09-09 08:33:20 +08:00
|
|
|
|
|
|
|
从 Chromium 浏览器中打开 Morpheon Dark 主题页面(从以下链接)。
|
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
> **[Chrome 网络商店中的 Morpheon Dark 主题][3]**
|
2022-09-09 08:33:20 +08:00
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
点击“<ruby>添加到 Chrome<rt>Add To Chrome</rt></ruby>” 按钮。它应该会在 Chrome 中启用。
|
2022-09-09 08:33:20 +08:00
|
|
|
|
|
|
|
你可能想探索 Chrome 网络商店中的其他黑白或深色主题。[请访问此页面,查看所有的深色主题集合][4] 。
|
|
|
|
|
|
|
|
然而,你应该记住一件事:这个主题不会改变设置或上下文菜单。这很明显。因为它只是改变了浏览器窗口,而那些菜单是操作系统本身的一部分(有时)。
|
|
|
|
|
|
|
|
![Chromium Dark Theme][5]
|
|
|
|
|
|
|
|
对 Google Chrome 也要按照同样的步骤进行。
|
|
|
|
|
|
|
|
#### Edge 浏览器的深色模式
|
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
然而,[微软 Edge 浏览器][6] 默认带有更好的深色主题。它允许你从设置中使用 GTK+、浅色和深色模式。
|
|
|
|
|
|
|
|
打开 Edge 浏览器
|
|
|
|
|
|
|
|
点击右上角的三个小圆点。
|
2022-09-09 08:33:20 +08:00
|
|
|
|
2022-09-15 23:23:28 +08:00
|
|
|
进入“<ruby>外观<rt>Appearance</rt></ruby>”,选择“<ruby>深色<rt>Dark</rt></ruby>”。这就完成了。
|
2022-09-09 08:33:20 +08:00
|
|
|
|
|
|
|
这个 Edge 的深色主题实现得更好,因为它改变了上下文菜单和地址栏。
|
|
|
|
|
|
|
|
![Edge in Dark Theme][7]
|
|
|
|
|
|
|
|
### 结束语
|
|
|
|
|
|
|
|
如果你是一个高级用户,你可能不需要这个指南。你可以搞清楚。
|
|
|
|
|
|
|
|
但我们为所有的读者涵盖了所有从基础到高级的教程。许多新的 Linux 用户可能也不知道如何在浏览器中启用深色模式。
|
|
|
|
|
|
|
|
因此,话虽如此,我希望这能帮助你和其他人。如果你遇到任何麻烦,请在下面的评论栏里告诉我。
|
|
|
|
|
|
|
|
--------------------------------------------------------------------------------
|
|
|
|
|
|
|
|
via: https://www.debugpoint.com/dark-mode-browser/
|
|
|
|
|
|
|
|
作者:[Arindam][a]
|
|
|
|
选题:[lkxed][b]
|
2022-09-09 08:34:37 +08:00
|
|
|
译者:[geekpi](https://github.com/geekpi)
|
2022-09-15 23:23:28 +08:00
|
|
|
校对:[wxy](https://github.com/wxy)
|
2022-09-09 08:33:20 +08:00
|
|
|
|
|
|
|
本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译,[Linux中国](https://linux.cn/) 荣誉推出
|
|
|
|
|
|
|
|
[a]: https://www.debugpoint.com/author/admin1/
|
|
|
|
[b]: https://github.com/lkxed
|
|
|
|
[1]: https://www.debugpoint.com/wp-content/uploads/2021/10/Enable-dark-mode-in-Firefox.jpg
|
|
|
|
[2]: https://www.debugpoint.com/wp-content/uploads/2021/10/Firefox-in-Dark-Mode-1024x423.jpg
|
|
|
|
[3]: https://chrome.google.com/webstore/detail/morpheon-dark/mafbdhjdkjnoafhfelkjpchpaepjknad?hl=en-GB
|
|
|
|
[4]: https://chrome.google.com/webstore/category/collection/dark_themes
|
|
|
|
[5]: https://www.debugpoint.com/wp-content/uploads/2021/10/Chromium-Dark-Theme-1024x463.jpg
|
|
|
|
[6]: https://www.debugpoint.com/2020/10/how-to-install-edge-ubuntu-linux/
|
|
|
|
[7]: https://www.debugpoint.com/wp-content/uploads/2021/10/Edge-in-Dark-Theme-1024x541.jpg
|