mirror of
https://github.com/LCTT/TranslateProject.git
synced 2025-01-13 22:30:37 +08:00
translated
This commit is contained in:
geekpi
parent
e437e9abae
commit
0c5b49e47a
@ -1,94 +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 on how to enable dark mode in the 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]
|
||||
|
||||
![Firefox in Dark Mode][2]
|
||||
|
||||
* 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]
|
||||
|
||||
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 mode 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]
|
||||
|
||||
### 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 to enable dark mode in the browser as well.
|
||||
|
||||
So, that said, I hope this helps you and others. Let me know in the comment box below if you face any trouble.
|
||||
|
||||
[Next: Create Bootable USB Using Etcher in Linux – Download and Usage Guide][8]
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
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
|
||||
[8]: https://www.debugpoint.com/etcher-bootable-usb-linux/
|
||||
@ -0,0 +1,94 @@
|
||||
[#]: 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: " "
|
||||
|
||||
如何在网络浏览器中启用深色模式
|
||||
======
|
||||
指南旨在帮助你了解如何在流行的网络浏览器，如Firefox、Google Chrome、Chromium 和 Microsoft Edge 中启用深色模式。
|
||||
|
||||
我们都喜欢深色模式。许多人喜欢它，而不是标准的浅色模式。虽然许多桌面应用提供了原生的深色模式，但一些应用通过桌面环境的基础模式适应深色模式。
|
||||
|
||||
你不能否认，我们都在网络浏览器上花了几个小时。我们很少使用桌面应用（除非你是在工作，如视频编辑等）。因此，当你花很多时间在浏览器上阅读和学习时，你总是可以选择深色模式。但是，来到网络浏览器，事情就有点不同了。
|
||||
|
||||
本指南为你提供简单的步骤，你可以按照这些步骤在 Mozilla Firefox、Chromium、Google Chrome 和 Edge 浏览器中启用深色模式。
|
||||
|
||||
### 在网络浏览器中启用深色模式
|
||||
|
||||
#### 在 Firefox中启用深色模式
|
||||
|
||||
* 打开 Firefox ，点击右上角的设置菜单。
|
||||
* 点击 `设置 > 扩展和主题`。
|
||||
* 选择`深色主题`并点击`启用`。然后你应该看到深色模式被应用到 Firefox。
|
||||
|
||||
![Enable dark mode in Firefox][1]
|
||||
|
||||
![Firefox in Dark Mode][2]
|
||||
|
||||
* 要恢复它，按照同样的步骤，选择浅色主题。
|
||||
|
||||
#### Chromium 和 Google Chrome 的深色模式
|
||||
|
||||
Chromium 或 Google Chrome 默认不预装任何深色主题。因此，你需要去 Chrome 网络商店，下载任何你想要的深色主题。在本指南中，我将推荐 “Morpheon Dark” 主题，它有超过一百万用户在使用它。
|
||||
|
||||
从 Chromium 浏览器中打开 Morpheon Dark 主题页面（从以下链接）。
|
||||
|
||||
[Chrome 网络商店中的 Morpheon Dark 主题][3]
|
||||
|
||||
点击“添加到 Chrome” 按钮。它应该会在 Chrome 中启用。
|
||||
|
||||
你可能想探索 Chrome 网络商店中的其他黑白或深色主题。[请访问此页面，查看所有的深色主题集合][4] 。
|
||||
|
||||
然而，你应该记住一件事：这个主题不会改变设置或上下文菜单。这很明显。因为它只是改变了浏览器窗口，而那些菜单是操作系统本身的一部分（有时）。
|
||||
|
||||
![Chromium Dark Theme][5]
|
||||
|
||||
对 Google Chrome 也要按照同样的步骤进行。
|
||||
|
||||
#### Edge 浏览器的深色模式
|
||||
|
||||
然而，[Microsoft Edge 浏览器][6]默认带有更好的深色主题。它允许你从设置中使用 GTK+、浅色和深色模式。
|
||||
|
||||
* 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.
|
||||
* 打开 Edge 浏览器
|
||||
* 点击右上角的三个小圆点。
|
||||
* 进入外观，选择深色。这就完成了。
|
||||
|
||||
这个 Edge 的深色主题实现得更好，因为它改变了上下文菜单和地址栏。
|
||||
|
||||
![Edge in Dark Theme][7]
|
||||
|
||||
### 结束语
|
||||
|
||||
如果你是一个高级用户，你可能不需要这个指南。你可以搞清楚。
|
||||
|
||||
但我们为所有的读者涵盖了所有从基础到高级的教程。许多新的 Linux 用户可能也不知道如何在浏览器中启用深色模式。
|
||||
|
||||
因此，话虽如此，我希望这能帮助你和其他人。如果你遇到任何麻烦，请在下面的评论栏里告诉我。
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
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
|
||||
Loading…
Reference in New Issue
Block a user