I’ve been using Google’s Chrome browser for a long time. As a night owl, my biggest pain point is using Chrome late at night — the white background is just brutal on the eyes. I really needed to change it to a light green. I recalled that QQ Butler’s eye protection feature used to turn all white areas on web pages to light green. But I wasn’t a fan of that approach, since many beautifully designed websites would become an eyesore thanks to Tencent’s feature.

So I decided to take matters into my own hands. I went straight to the source and dug into Chrome’s CSS. Here’s the method I came up with to change Chrome’s blank page background color.

Open Chrome’s installation directory, find the custom.css file, and add this line:

html, body {background-color: #CCE8CC!important;

Here, #CCE8CC is the hex color value. After saving, the browser’s background color will change instantly.

Also, if you can’t find Chrome’s installation directory, you can check the properties of your Chrome shortcut to get the installation path.

My file was located at: ...\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

If you later decide you no longer want to change Chrome’s background color, simply add two forward slashes // before the code I provided to comment it out:

//html, body {background-color: #CCE8CC!important;}

After completing these steps, your Chrome browser background is fully customizable — change it to whatever color you like!