mirror of
https://github.com/LCTT/TranslateProject.git
synced 2024-12-23 21:20:42 +08:00
translated
This commit is contained in:
geekpi
parent
468e68aa1c
commit
d1eac8bf97
@ -1,99 +0,0 @@
|
||||
[#]: 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"
|
||||
[#]: reviewer: " "
|
||||
[#]: publisher: " "
|
||||
[#]: url: " "
|
||||
|
||||
# How to Enable Dark Mode in Web Browser
|
||||
|
||||
**This guide is about helping you how to enable dark mode in popular web browser(s) such as Firefox, Google Chrome, Chromium and Microsoft Edge.**
|
||||
|
||||
We all love dark mode. Many people prefer it over standard light mode. While many desktop applications provide the dark mode natively, some apps adapt to dark mode via the desktop environment’s underlying modes.
|
||||
|
||||
You can not deny that we all spend hours on web browsers. We seldom use desktop apps (unless you are specific to work, such as video editing, etc.). So, when you spend many hours reading and studying in a browser, you can always opt for dark mode. But, coming to the web browser, things are a little different.
|
||||
|
||||
This guide gives you the simple steps which you can follow to enable dark mode in Mozilla Firefox, Chromium, Google Chrome and Edge browsers.
|
||||
|
||||
### Enable Dark Mode in Web Browser
|
||||
|
||||
#### Enable Dark Mode in Firefox
|
||||
|
||||
- Open Firefox and click on the little hamburger menu at the right-top.
|
||||
- Click `Settings > Extension and Themes`.
|
||||
- Select the `Dark Theme` and click `enable`. And you should see the dark mode is applied to Firefox.
|
||||
|
||||
![Enable dark mode in Firefox][1]
|
||||
|
||||
Enable dark mode in Firefox browser
|
||||
|
||||
![Firefox in Dark Mode][2]
|
||||
|
||||
Firefox in Dark Mode
|
||||
|
||||
- To revert it back, follow the same steps and select Light Theme.
|
||||
|
||||
#### Dark Mode in Chromium and Google Chrome
|
||||
|
||||
Chromium or Google Chrome doesn’t pre-install any dark theme by default. Hence, you need to go to Chrome Web Store and download any dark theme you want. For this guide, I would recommend “Morpheon Dark” theme, which over a million users use.
|
||||
|
||||
Open the Morpheon Dark theme page (below link) from the Chromium web browser.
|
||||
|
||||
[Morpheon Dark Theme in Chrome Web Store][3]
|
||||
|
||||
Click on Add To Chrome button. And it should be enabled in Chrome.
|
||||
|
||||
You may want to explore other Black and White or dark themes available in Chrome Web Store. [Visit this page for all collections of dark themes.][4]
|
||||
|
||||
However, one thing you should remember is that – this theme would not change the settings or context menu, which is obvious. Because it just changes the browser window, and those menus are part of the operating system itself (sometimes).
|
||||
|
||||
![Chromium Dark Theme][5]
|
||||
|
||||
Chromium Dark Theme
|
||||
|
||||
Follow the same steps for the Google Chrome browser as well.
|
||||
|
||||
#### Edge Browser – Dark Mode
|
||||
|
||||
[Microsoft Edge browser][6], however, comes with a better dark theme by default. It allows you to use GTK+, Light and Dark modes from settings.
|
||||
|
||||
- Open Edge Browser
|
||||
- Click on the three little dots on the right-top side.
|
||||
- Go to Appearance and choose Dark. And you should be all set.
|
||||
|
||||
This dark theme implementation of Edge is better because it changes the context menu and the address bar.
|
||||
|
||||
![Edge in Dark Theme][7]
|
||||
|
||||
Edge in Dark Theme
|
||||
|
||||
### Closing Notes
|
||||
|
||||
If you are an advanced user, you probably do not need this guide. You can figure it out.
|
||||
|
||||
But we cover all the basic to advanced tutorials for all our readers. Many new Linux users may not know how also to enable dark mode in the browser.
|
||||
|
||||
So, that said, I hope this helps you and others. Let me know in the comment box below if you face any trouble.
|
||||
|
||||
---
|
||||
|
||||
via: https://www.debugpoint.com/dark-mode-browser/
|
||||
|
||||
作者：[Arindam][a]
|
||||
选题：[lkxed][b]
|
||||
译者：[译者 ID](https://github.com/译者ID)
|
||||
校对：[校对者 ID](https://github.com/校对者ID)
|
||||
|
||||
本文由 [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
|
||||
@ -0,0 +1,99 @@
|
||||
[#]: 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"
|
||||
[#]: reviewer: " "
|
||||
[#]: publisher: " "
|
||||
[#]: url: " "
|
||||
|
||||
# 如何在 Web 浏览器中启用深色模式
|
||||
|
||||
**本指南旨在帮助你在 Firefox、Google Chrome、Chromium 和 Microsoft Edge 等流行的网络浏览器中启用深色模式。**
|
||||
|
||||
我们都喜欢黑暗模式。与标准浅色模式相比，许多人更喜欢它。虽然许多桌面应用原生提供深色模式，但一些应用通过桌面环境的底层模式适应深色模式。
|
||||
|
||||
你不能否认我们在网络浏览器上花费数小时。我们很少使用桌面应用（除非你从事专门的工作，例如视频编辑等）。因此，当你花费大量时间在浏览器中阅读和学习时，你始终可以选择深色模式。但是，来到网络浏览器，事情就有些不同了。
|
||||
|
||||
本指南为你提供了在 Mozilla Firefox、Chromium、Google Chrome 和 Edge 浏览器中启用深色模式的简单步骤。
|
||||
|
||||
### 在 Web 浏览器中启用深色模式
|
||||
|
||||
#### 在 Firefox 中启用深色模式
|
||||
|
||||
- 打开 Firefox 并点击右上角的菜单。
|
||||
- 单击 `设置 > 扩展和主题`。
|
||||
- 选择`深色主题`并点击`启用`。你应该会看到深色模式已应用于 Firefox。
|
||||
|
||||
![Enable dark mode in Firefox][1]
|
||||
|
||||
在 Firefox 浏览器中启用深色模式
|
||||
|
||||
![Firefox in Dark Mode][2]
|
||||
|
||||
深色模式下的 Firefox
|
||||
|
||||
- 要将其还原，请按照相同的步骤并选择浅色主题。
|
||||
|
||||
#### Chromium 和 Google Chrome 中的浅色模式
|
||||
|
||||
默认情况下，Chromium 或 Google Chrome 不会预安装任何深色主题。因此，你需要前往 Chrome 应用商店并下载你想要的任何深色主题。对于本指南，我会推荐超过一百万用户使用的 “Morpheon Dark” 主题。
|
||||
|
||||
从 Chromium 浏览器打开 Morpheon Dark 主题页面（以下链接）。
|
||||
|
||||
[Chrome 应用商店中的 Morpheon Dark 主题][3]
|
||||
|
||||
点击 “Add To Chrome” 按钮。它应该会在 Chrome 中启用。
|
||||
|
||||
你可能想探索 Chrome 应用店中提供的其他深色或浅色主题。 [访问此页面获取所有深色主题的集合][4]。
|
||||
|
||||
但是，你应该要记住的一件事是：此主题不会更改设置或上下文菜单，这是显而易见的。因为它只是改变了浏览器窗口，而这些菜单（有时）是操作系统本身的一部分。
|
||||
|
||||
![Chromium Dark Theme][5]
|
||||
|
||||
Chromium 深色主题
|
||||
|
||||
对 Google Chrome 浏览器也遵循相同的步骤。
|
||||
|
||||
#### Edge 浏览器 – 深色模式
|
||||
|
||||
但是，[Microsoft Edge 浏览器][6]默认带有更好的深色主题。它允许你从设置中使用 GTK+、浅色和深色模式。
|
||||
|
||||
- 打开 Edge 浏览器
|
||||
- 点击右上角的三个小点。
|
||||
- 转到外观并选择深色。你应该准备好了。
|
||||
|
||||
Edge 的这种深色主题实现更好，因为它改变了上下文菜单和地址栏。
|
||||
|
||||
![Edge in Dark Theme][7]
|
||||
|
||||
深色主题的 Edge
|
||||
|
||||
### 结束语
|
||||
|
||||
如果你是高级用户，你可能不需要本指南。你可以弄清楚。
|
||||
|
||||
但我们为所有读者涵盖了所有基础到高级教程。许多新的 Linux 用户可能不知道如何在浏览器中启用深色模式。
|
||||
|
||||
所以，就是说，我希望这对你和其他人有帮助。如果你遇到任何问题，请在下面的评论框中告诉我。
|
||||
|
||||
---
|
||||
|
||||
via: https://www.debugpoint.com/dark-mode-browser/
|
||||
|
||||
作者：[Arindam][a]
|
||||
选题：[lkxed][b]
|
||||
译者：[geekpi](https://github.com/geekpi)
|
||||
校对：[校对者 ID](https://github.com/校对者ID)
|
||||
|
||||
本文由 [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
|
||||
Loading…
Reference in New Issue
Block a user