{"id":33539,"date":"2021-04-02T12:41:53","date_gmt":"2021-04-02T12:41:53","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=33539"},"modified":"2021-04-02T12:41:53","modified_gmt":"2021-04-02T12:41:53","slug":"enable-light-mode-menus-ubuntu-21-04","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2021\/04\/enable-light-mode-menus-ubuntu-21-04\/","title":{"rendered":"Enable Light Mode Menus (System Menu, Notifications) in Ubuntu 21.04"},"content":{"rendered":"

\"\"<\/p>\n

Prefer the light mode appearance? Here’s how to change the system tray menu, date & time menu, notifications, and other top panel drop-down menus from dark to light in Ubuntu 21.04.<\/p>\n

Different to previous Ubuntu releases, Ubuntu 21.04 now has top-panel menus in dark mode. It’s good for those prefer the dark themes. However, light mode fans need to change the Gnome Shell theme to get better experience.<\/p>\n

Before:<\/p>\n

\"\"<\/p>\n

After:<\/p>\n

\"\"<\/p>\n

1. Install User Themes Extension:<\/h3>\n

To get started, you have to first install the User Themes<\/b> Gnome Shell extension, which enables ability to change the Gnome Shell Theme.<\/p>\n

Method 1: Install the extension via single command:<\/b><\/p>\n

Press Ctrl+Alt+T on keyboard to bring up a terminal window and run the command below will install a dozen of extensions, including User Themes, in Ubuntu:<\/p>\n

sudo apt install gnome-shell-extensions<\/pre>\n
\"\"<\/p>\n
Once installed, log out and back in.<\/p>\n
Method 2: Install the extension from extensions.gnome.org:<\/b><\/p>\n
For clean freak just need the single extension, firstly install chrome-gnome-shell<\/code> package via command:<\/p>\n
sudo apt install chrome-gnome-shell<\/pre>\n
\"\"<\/p>\n
Then click to go to the extension web page<\/a> and turn on the toggle icon to install the extension.<\/p>\n
\"\"<\/p>\n
Don’t see the toggle icon? Click ‘Click here to install browser extension’ to install browser extension, and then refresh the web page.<\/p>\n
\"\"<\/p>\n
2. Change Gnome Shell Theme:<\/h3>\n
After installed User Themes extension, launch Gnome Tweaks<\/b> (install it from Ubuntu Software) and go to Extensions tab.<\/p>\n
There scroll down, find out and turn on the extension, click the gear button to get into settings. And finally select Yaru-light<\/b> or gnome classic<\/b> for even light top panel.<\/p>\n
\"\"<\/a><\/p>\n
That’s it. Enjoy!<\/p>","protected":false},"excerpt":{"rendered":"
Prefer the light mode appearance? Here’s how to change the system tray menu, date & time menu, notifications, and other top panel drop-down menus from dark to light in Ubuntu 21.04. Different to previous Ubuntu releases, Ubuntu 21.04 now has top-panel menus in dark mode. It’s good for those prefer the dark themes. However, light […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689],"class_list":["post-33539","post","type-post","status-publish","format-standard","hentry","category-howtos","tag-gnome"],"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/33539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=33539"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/33539\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=33539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=33539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=33539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}