Install the Dark Mode in Google Chrome

Edited by Djinu, VisiHow, Dougie, Eng

You're watching VisiHow. In another tutorial, we demonstrated how to enable the "Dark Menu" bar in the dock in OS X El Capitan. In this tutorial, we're going to demonstrate how to install a high-contrast plug-in for the Chrome browser by Google. The plug-in will enable you to lower the screen brightness while browsing.

Was this helpful? Yes | No | I need help
Dark Mode On Google Chrome.mp4-canvas110 462516.jpg
Ad

Steps

  1. 1
    Click the search bar
    .
    Dark Mode On Google Chrome.mp4-canvas23 568274.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help
  2. 2
    Type "high contrast chrome"
    .
    Dark Mode On Google Chrome.mp4-canvas27 13778.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help
  3. 3
    In this video, the first search result is clicked
    .
    This will reveal the high contrast plug-in by Google. Alternatively, click the direct link.
    Dark Mode On Google Chrome.mp4-canvas29 814946.jpg
    Was this step helpful? Yes | No | I need help
  4. 4
    Click "ADD TO CHROME"
    .
    Dark Mode On Google Chrome.mp4-canvas37 656539.jpg
    Was this step helpful? Yes | No | I need help
  5. 5
    Click "Add extension"
    .
    The extension will be added to the Chrome toolbar in the top-right corner. The icon for the extension is a half-black and half-white circle.
    Dark Mode On Google Chrome.mp4-canvas39 808988.jpg
    Was this step helpful? Yes | No | I need help
  6. 6
    Double-click the icon or press "command" + "shift" + "F11" to activate the extension
    .
    It will show "High Contrast is Enabled".
    Dark Mode On Google Chrome.mp4-canvas55 616536.jpg
    Was this step helpful? Yes | No | I need help
  7. 7
    To disable the extension, click the "Disable" button
    .
    Dark Mode On Google Chrome.mp4-canvas62 725989.jpg
    Was this step helpful? Yes | No | I need help
  8. 8
    To see how this looks, open a new tab
    .
    Any new tabs you open from this moment will be in high contrast (inverted colors).
    Dark Mode On Google Chrome.mp4-canvas69 225816.jpg
    Was this step helpful? Yes | No | I need help
  9. 9
    Let's navigate to a web site
    .
    Type http://VisiHow.com, for example. You could see how white on the page shows up with high brightness.
    Dark Mode On Google Chrome.mp4-canvas85 726215.jpg
    Was this step helpful? Yes | No | I need help
  10. 10
    You can change the contrast by clicking the half-white and half-black circle again
    .
    Dark Mode On Google Chrome.mp4-canvas101 434806.jpg
    Was this step helpful? Yes | No | I need help
  11. 11
    Instead of "Inverted Color", you can click "Yellow on Black"
    .
    Dark Mode On Google Chrome.mp4-canvas105 447649.jpg
    Was this step helpful? Yes | No | I need help
  12. 12
    You can click "Normal"
    .
    Dark Mode On Google Chrome.mp4-canvas107 976806.jpg
    Was this step helpful? Yes | No | I need help
  13. 13
    You can click "Increased Contrast"
    .
    Dark Mode On Google Chrome.mp4-canvas108 614806.jpg
    Was this step helpful? Yes | No | I need help
  14. 14
    Click "Grayscale"
    .
    Dark Mode On Google Chrome.mp4-canvas109 495806.jpg
    Was this step helpful? Yes | No | I need help
  15. 15
    Click "Inverted Color"
    .
    Dark Mode On Google Chrome.mp4-canvas110 556806.jpg
    Was this step helpful? Yes | No | I need help
  16. 16
    Click "Inverted Grayscale"
    .
    Dark Mode On Google Chrome.mp4-canvas111 377806.jpg
    Was this step helpful? Yes | No | I need help
  17. 17
    Click "Yellow on Black"
    .
    "Yellow on Black" seems to eliminate the most of the white color out of web pages.
    Dark Mode On Google Chrome.mp4-canvas112 335806.jpg
    Was this step helpful? Yes | No | I need help
    Advertisement

This has been a video tutorial on how you can show pages in high contrast in Chrome. It is good when you are browsing at night, and it is easier on the eyes. If you have any questions or comments, please leave them in the space below. Thank you for watching VisiHow!

Was this helpful? Yes | No | I need help

See more tutorials on Chrome:

Video: Install the Dark Mode in Google Chrome

Referencing this Article

If you need to reference this article in your work, you can copy-paste the following depending on your required format:

APA (American Psychological Association)
Install the Dark Mode in Google Chrome. (2016). In VisiHow. Retrieved Mar 26, 2017, from http://visihow.com/Install_the_Dark_Mode_in_Google_Chrome

MLA (Modern Language Association) "Install the Dark Mode in Google Chrome." VisiHow, visihow.com/Install_the_Dark_Mode_in_Google_Chrome Accessed 26 Mar 2017.

Chicago / Turabian VisiHow.com. "Install the Dark Mode in Google Chrome." Accessed Mar 26, 2017. http://visihow.com/Install_the_Dark_Mode_in_Google_Chrome.

If you have problems with any of the steps in this article, please ask a question for more help, or post in the comments section below.

Comments

VisiHow welcomes all comments. If you do not want to be anonymous, register or log in. It is free.

Ask the author

Djinu
Featured Author
365 Articles Started
403 Article Edits
21,200 Points
Djinu is a featured author with VisiHow. Djinu has achieved the level of "Lieutenant" with 21,200 points. Djinu has started 365 articles (including this one) and has also made 403 article edits. 118,000 people have read Djinu's article contributions.
Djinu's Message Board
Djinu: Hi, my name is Djinu.
Djinu: Can I help you with your problem about "Install the Dark Mode in Google Chrome"?
 

Article Info

Categories : Browser | Google

Recent edits by: Dougie, VisiHow, Djinu

Share this Article:

Thanks to all authors for creating a page that has been read 330 times.

Do you have a question not answered in this article?
Click here to ask one of the writers of this article
x

Thank Our Volunteer Authors.

Would you like to give back to the community by fixing a spelling mistake? Yes | No