mirror of
https://github.com/LCTT/TranslateProject.git
synced 2024-12-29 21:41:00 +08:00
95 lines
4.5 KiB
Markdown
95 lines
4.5 KiB
Markdown
|
[#]: 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: " "
|
|||
|
|
[#]: 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/
|