+4 votes
206 views
in Web development by (242k points)
reopened
Dark mode in Chrome available from version 74

1 Answer

+5 votes
by (1.6m points)
edited
 
Best answer

Automatic activation in the operating system
Turn on Chrome's dark mode by hand
Turn on Google Chrome dark mode automatically in Windows 10
Turn on Chrome's dark mode automatically on macOS
Activate dark mode on Android
Enable dark mode on iOS
Manually enable Chrome Dark Mode in Windows 10
Turn on dark mode manually on macOS
Activate Chrome Dark Mode on Android and iOS manually

image

Dark mode in Chrome available from version 74

Chrome Dark Mode (? Dark mode?) Is becoming more and more popular. Apple has also introduced it with iOS 13 on iPhones and iPads. Google Chrome, the world's most popular browser , was slow to have its own dark mode. However, users could use extensions to get Chrome's dark mode, but not through the browser itself..

This has changed since version 74. Chrome Dark Mode or Chrome Night Mode can be activated automatically, but the necessary settings can also be made manually. And this is the same for both computers and phones . It is also possible on tablets, where it is activated in the same way. With iOS, unfortunately, it can't be activated by hand, unless it's system-wide.

Index
  1. Automatic activation in the operating system
    1. Turn on Google Chrome dark mode automatically in Windows 10
    2. Turn on Chrome's dark mode automatically on macOS
    3. Activate dark mode on Android
    4. Enable dark mode on iOS
  2. Turn on Chrome's dark mode by hand
    1. Manually enable Chrome Dark Mode in Windows 10
    2. Turn on dark mode manually on macOS
    3. Activate Chrome Dark Mode on Android and iOS manually

Automatic activation in the operating system

If you opt for automatic activation, you have to start Chrome's dark mode by modifying the operating system settings, but be careful, in this case you will not only be activating dark mode on Chrome, but on the entire device. Your email, the default system calendar, and all system menus will also be displayed in this mode. If this is not what you want, you have to activate it manually..

Turn on Google Chrome dark mode automatically in Windows 10

Windows 10 dark mode is activated in the system settings, which you can open, for example, with the key combination? Windows + I ?. You can also open the settings by typing? Settings? in Cortana's browser. When you're there, select? Personalization? first and then "Colors". Here you can choose? Dark ?. Night mode is now on system wide (Chrome too).

image
In Windows 10 settings you can activate dark mode to view applications.

Turn on Chrome's dark mode automatically on macOS

In macOS, you have to first open the? System Preferences ?. The button with the gray cogwheel will be found by default in the dock. You can also select it in the top bar, if you click on the apple and then select "System Preferences". Now, choose the menu item? General ?. In ? Appearance ?, you can choose between three variants. One of them is "dark". Dark mode is now on system wide (Chrome too)..

image
In the Macintosh system preferences, dark appearance can also be enabled.

If you select the "automatic" mode, the dark mode connects and disconnects throughout the system depending on the time of day . Obviously, this also affects Chrome Dark Mode.

Activate dark mode on Android

Dark Mode has been introduced with Android 10. However, for older versions of the operating system, applications that generate dark mode can be downloaded. As Android device vendors typically establish their own user interface on top of standard software, these explanations may not be perfectly suited to your smartphone. We show you how activation works on an Android without the corresponding applications, that is, with an Android as developed by Google for Pixel devices.

First of all, you have to open the system settings . To do this, click on the cogwheel button. Then select the option? Settings ?. There you can activate and deactivate the? Dark mode ?, which also applies to the browser.

image
In the Android system preferences you can also activate the dark mode.

Enable dark mode on iOS

As we have already anticipated, the dark appearance only works with devices that are equipped with iOS 13 (iPad OS 13). Older versions of the operating system do not offer a dark mode. Open? Settings? (gray gear) and then select? Display and brightness ?. Here you can choose between the options? Sure? and? dark ?. If you choose "Dark", the dark mode is activated throughout the system, including the browser.

image
In the iOS settings you can also activate the dark aspect.

Turn on Chrome's dark mode by hand

However, you can also use the Dark Mode in Chrome without making the entire device look dark. To do this, you must make the adjustment directly in Chrome.

Manually enable Chrome Dark Mode in Windows 10

For manual activation of Google Chrome Dark Mode, you must set what is called as a "startup parameter". Open your browser and find the Google Chrome folder. In this, you will see the Chrome symbol. Click on it with the right button. Then choose the option? Send to? Desk?. This will create a shortcut on the desktop .

You can rename this shortcut whatever you want. To do this, select the symbol by clicking the mouse and pressing F2. You can name the link Chrome Dark Mode, for example. Then right-click on the symbol and select? Properties? in the context menu that opens. Then select the "Shortcut" tab. In the field? Destination ?, add the following words (without quotation marks) with a space:? force-dark-mode ?. Dark mode will be activated.

Turn on dark mode manually on macOS

In macOS, you need an extension to activate Chrome's dark mode: as an example we will name the Dark Reader, which is free. Open the main menu by clicking on the three dots in the upper right corner, next to the address bar. Then select? More tools? and there choose? Extensions ?. Enter in the search field? Dark Reader? and install the extension.

Activate Chrome Dark Mode on Android and iOS manually

The iOS and Android operating systems still do not offer any official alternative to activate the dark mode. However, there is a hack alternative for Android . To do this, open Google Chrome and enter the following instruction in the address bar: chrome: // flags . In the search field that will open, enter the following instruction: # enable-android-web-contents-dark-mode . Another alternative is to search for the following marker: force-dark-mode . Change the setting of? Default? to? enabled ?.


...