{"id":44129,"date":"2023-07-08T15:16:26","date_gmt":"2023-07-08T15:16:26","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=44129"},"modified":"2023-07-08T15:16:26","modified_gmt":"2023-07-08T15:16:26","slug":"full-light-mode-ubuntu-2204","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2023\/07\/full-light-mode-ubuntu-2204\/","title":{"rendered":"Enable Full Light Mode (Panel, Dock, Overview) in Ubuntu 22.04 | 23.04"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-34682\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png\" alt=\"\" width=\"250\" height=\"250\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-300x300.png 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-600x600.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-768x768.png 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>For those who prefer light theme, there&#8217;s an extension now to make all the GNOME Shell components to be light!<\/p>\n<p>Ubuntu so far has light and dark mode options available in the &#8216;Appearance&#8217; settings page. It can switch the color scheme for system menu, notification, and app windows.<\/p>\n<p>However, other components, such as panel and dock, are always dark!<\/p>\n<p>GNOME developer team has been working on the <a href=\"https:\/\/gitlab.gnome.org\/GNOME\/gnome-shell\/-\/merge_requests\/2324\" target=\"_blank\" rel=\"noopener\">full light mode<\/a> support. Before it&#8217;s going official, user can try it out via an unofficial extension.<\/p>\n<p>With the extensions, the following part of your desktop will also go light:<\/p>\n<ul>\n<li>Top panel.<\/li>\n<li>Ubuntu Dock (left panel)<\/li>\n<li>OSD (volume down\/up pop-up)<\/li>\n<\/ul>\n<div id=\"attachment_44130\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/jammy-light-mode.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-44130\" class=\"size-large wp-image-44130\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/jammy-light-mode-600x338.webp\" alt=\"\" width=\"600\" height=\"338\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/jammy-light-mode-600x338.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/jammy-light-mode-300x169.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/jammy-light-mode-768x432.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/jammy-light-mode-1320x743.webp 1320w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/jammy-light-mode.webp 1536w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-44130\" class=\"wp-caption-text\">Light Shell<\/p><\/div>\n<h3>Install Light Shell Extension<\/h3>\n<p>1. The extension so far supports GNOME 42, 43 and 44. Ubuntu user can first search for and install &#8220;Extension Manager&#8221; from Ubuntu Software.<\/p>\n<div id=\"attachment_42539\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/07\/extension-manager-softwarecenter.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-42539\" class=\"size-large wp-image-42539\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/07\/extension-manager-softwarecenter-600x355.webp\" alt=\"\" width=\"600\" height=\"355\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/07\/extension-manager-softwarecenter-600x355.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/07\/extension-manager-softwarecenter-300x178.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/07\/extension-manager-softwarecenter-768x454.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/07\/extension-manager-softwarecenter.webp 845w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-42539\" class=\"wp-caption-text\">Install Extension Manager in Ubuntu 22.04+<\/p><\/div>\n<p>2. Then, click on top-left &#8216;Activities&#8217; to open overview screen. Search for and launch &#8220;Extension Manager&#8221; tool.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-39607\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp\" alt=\"\" width=\"548\" height=\"281\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp 548w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager-300x154.webp 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/a><\/p>\n<p>3. When the tool opens, navigate to &#8216;Browse&#8217; tab. Search for and install &#8216;Light Shell&#8217; extension.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/install-light-shell.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-44131\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/install-light-shell-600x396.webp\" alt=\"\" width=\"600\" height=\"396\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/install-light-shell-600x396.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/install-light-shell-300x198.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/install-light-shell-768x507.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/install-light-shell.webp 902w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>In case &#8216;Extension Manager&#8217; does not work for you, go to the extension web page via the link below:<\/p>\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/extensions.gnome.org\/extension\/6102\/light-shell\/\" target=\"_blank\" rel=\"noreferrer noopener\">Light Shell extension<\/a><\/div>\n<\/div>\n<p>Then turn on the toggle to install it!<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/lightshell-chrome.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-44132\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/lightshell-chrome-600x347.webp\" alt=\"\" width=\"600\" height=\"347\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/lightshell-chrome-600x347.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/lightshell-chrome-300x173.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/lightshell-chrome-768x444.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/lightshell-chrome.webp 1152w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>If you don&#8217;t see the ON\/OFF toggle, install browser extension via link in that page and also press <b>Ctrl+Alt+T<\/b> on keyboard to open terminal and run command:<\/p>\n<pre>sudo apt install chrome-gnome-shell<\/pre>\n<p>Finally, refresh the web page.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/06\/apt-chrome-gnomeshell.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-44102\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/06\/apt-chrome-gnomeshell-600x232.webp\" alt=\"\" width=\"600\" height=\"232\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/06\/apt-chrome-gnomeshell-600x232.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/06\/apt-chrome-gnomeshell-300x116.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/06\/apt-chrome-gnomeshell-768x297.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/06\/apt-chrome-gnomeshell-1320x510.webp 1320w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/06\/apt-chrome-gnomeshell.webp 1500w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>Turn Off or Remove Light Shell<\/h3>\n<p>With the extension enabled, the dark mode (via Appearance settings option) will NOT go fully dark. <\/p>\n<p>In the case, you can launch &#8220;<b>Extension Manager<\/b>&#8220;. Then either use the ON\/OFF switch to disable the extension, or click expand and use &#8220;Remove&#8221; button to uninstall.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/manage-lightshell.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/manage-lightshell-600x470.webp\" alt=\"\" width=\"600\" height=\"470\" class=\"aligncenter size-large wp-image-44133\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/manage-lightshell-600x470.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/manage-lightshell-300x235.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/manage-lightshell-768x601.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/07\/manage-lightshell.webp 922w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>That&#8217;s all. Enjoy!<\/p>","protected":false},"excerpt":{"rendered":"<p>For those who prefer light theme, there&#8217;s an extension now to make all the GNOME Shell components to be light! Ubuntu so far has light and dark mode options available in the &#8216;Appearance&#8217; settings page. It can switch the color scheme for system menu, notification, and app windows. However, other components, such as panel and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":34682,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689],"class_list":["post-44129","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-gnome"],"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/44129","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=44129"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/44129\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/34682"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=44129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=44129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=44129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}