DEV Community

Cover image for How to Enable Dark Mode in Chrome on Ubuntu(No Code, Apps, Themes).
Felix DUSENGIMANA
Felix DUSENGIMANA

Posted on • Updated on

How to Enable Dark Mode in Chrome on Ubuntu(No Code, Apps, Themes).

If you set Windows to use dark mode, Chrome will also switch to dark mode. Unfortunately, setting Ubuntu to dark mode will not automatically set Chrome as well. It’s not that straightforward, but it’s still pretty simple.

Enable Dark Mode in Chrome on Ubuntu

I’m using Ubuntu Desktop 20.04, a long-term support version. Just so you know.

Step 1.

Go to your Settings>Appearance and switch to Dark.

Step 2.

Open Chrome and:

  • Type chrome://flags in the address bar;
  • Type “dark mode” in the search bar;
  • Select Enabled for Force Dark Mode for Web Contents.

Enabling force Dark mode in ubuntu

You’ll notice that the address bar and tabs are still in light mode. That’s because only web contents/internal pages are being rendered in dark mode, not the whole browser.

Step 3

To go full dark mode, access Chrome’s settings by clicking on the 3 vertical dots, in the top-right corner, and selecting Settings.
Go to settings in Google chrome

Step 4

Select Appearance and click on the Use GTK+ button, in the Theme section.
Setting appearance to GTK+ in Ubuntu

GTK+ is a free and open-source cross-platform widget toolkit for creating graphical user interfaces (GUIs).

You’ll notice that Chrome has gone into full dark mode now, not just the web contents/internal pages.

That’s a Wrap!

If some info is outdated or incorrect, or you have anything to add, ask ping me via Twitter or add it in a comment section.

Top comments (8)

Collapse
 
gsingh profile image
G.Singh

Thanks bud

Collapse
 
rendraandriansyah profile image
M Rendra Andriansyah

nice share mare

Collapse
 
stephanlamoureux profile image
Stephan Lamoureux

on Fedora 38 using the flag and then selecting gtk still doesn't change my tabs/right click menu from being white. I have dark mode selected inside gnome as well so I'm not sure why.

Collapse
 
farismarouane profile image
Marouane Faris

Thank you !

Collapse
 
samuka_hb profile image
Samuel Bernardo

Thanks

Collapse
 
abdulkarimomer profile image
Abdulkarim Omer

debugging tools is still on light mode

Collapse
 
thcerutti profile image
Thiago Cerutti • Edited

on the debugging tool, click on the cog icon, then "Preferences" and you can choose "Theme" to "Dark"

Collapse
 
insightcodes profile image
DavidInsight

Still working now 30/4/2023
Thanks :)