{"id":49531,"date":"2025-08-22T15:59:53","date_gmt":"2025-08-22T15:59:53","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=49531"},"modified":"2025-08-22T15:59:53","modified_gmt":"2025-08-22T15:59:53","slug":"change-color-scheme-gnome-apps-shell","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2025\/08\/change-color-scheme-gnome-apps-shell\/","title":{"rendered":"Change the Color Scheme of GNOME Adwaita Apps &#038; Shell"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-49532\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-icon-250x250.webp\" alt=\"\" width=\"250\" height=\"250\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-icon-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-icon-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-icon-700x700.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-icon-768x768.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-icon.webp 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/p>\n<p><b>Modern GNOME apps do NOT support traditional themes, but you may change the look with custom color schemes!<\/b><\/p>\n<p>As you know, GNOME has moved to use GTK4 + LibAdwaita for its applications and desktop components. And, so many apps use the LibAwaita library for their modern UI, which however do not support theming (see <a href=\"https:\/\/discourse.gnome.org\/t\/why-and-how-libadwaita-prevents-theming\/17079\" target=\"_blank\" rel=\"noopener\">this thread<\/a>).<\/p>\n<div id=\"attachment_49533\" style=\"width: 620px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-awaita-colors.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-49533\" class=\"size-large wp-image-49533\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-awaita-colors-700x434.webp\" alt=\"\" width=\"610\" height=\"378\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-awaita-colors-700x434.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-awaita-colors-300x186.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-awaita-colors-768x476.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-awaita-colors-1320x818.webp 1320w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-awaita-colors.webp 1437w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><p id=\"caption-attachment-49533\" class=\"wp-caption-text\">GNOME with custom color scheme<\/p><\/div>\n<p><!--more--><\/p>\n<p>To make libadwaita apps look consistent on non-GNOME desktops, Linux Mint has a soft fork called <a href=\"https:\/\/github.com\/xapp-project\/libadapta\" target=\"_blank\" rel=\"noopener\">libadapta<\/a>, and programmers can inject their custom CSS code.<\/p>\n<p><b><i>What if you have no coding skill, but want a fresh look of the GNOME apps? Here&#8217;s a stupid simple app that can do the job by changing the color schemes!<\/i><\/b><\/p>\n<p>There used to be an app called <a href=\"https:\/\/github.com\/GradienceTeam\/Gradience\" target=\"_blank\" rel=\"noopener\">Gradience<\/a> to set custom colors for Adwaita apps, which is however discontinued due to lack of maintenance. Just a month ago, a new app was born for GNOME users boring with the default look.<\/p>\n<p>It&#8217;s <a href=\"https:\/\/github.com\/SwordPuffin\/Rewaita\" target=\"_blank\" rel=\"noopener\">Rewaita<\/a>, a free open-source app written in CSS and Python, which provides a simple user interface, with few dozen of color scheme presets (for light and dark mode) and few window controls (min, max, close) layout.<\/p>\n<div id=\"attachment_49534\" style=\"width: 620px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-49534\" class=\"size-large wp-image-49534\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-637x700.webp\" alt=\"\" width=\"610\" height=\"670\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-637x700.webp 637w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-273x300.webp 273w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita.webp 757w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><p id=\"caption-attachment-49534\" class=\"wp-caption-text\">Rewaita app window<\/p><\/div>\n<p>Just choose one from the list, then Adwaita apps (may need a re-launch), Gnome top-bar, and menus&#8217; colors change automatically according to the color scheme.<\/p>\n<div id=\"attachment_49535\" style=\"width: 620px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-dark-customcolor.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-49535\" class=\"size-large wp-image-49535\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-dark-customcolor-700x437.webp\" alt=\"\" width=\"610\" height=\"381\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-dark-customcolor-700x437.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-dark-customcolor-300x187.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-dark-customcolor-768x480.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-dark-customcolor-1320x824.webp 1320w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/gnome-dark-customcolor.webp 1438w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><p id=\"caption-attachment-49535\" class=\"wp-caption-text\">GNOME Dark mode with a custom color scheme<\/p><\/div>\n<p>For choice, user may switch to &#8220;<b>Custom<\/b>&#8221; tab for options to set custom background and text colors for buttons, main window, widgets, warning, etc components.<\/p>\n<p>As well, you may change the named colors, e.g., Blue, Teal, Green, Orange, Yellow accent colors. So, when you select an accent color in Appearance settings page, it won&#8217;t display the named color but the custom color you set.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custom.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49536\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custom-610x700.webp\" alt=\"\" width=\"610\" height=\"700\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custom-610x700.webp 610w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custom-262x300.webp 262w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custom.webp 641w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>The custom colors can be saved as preset for either light or dark mode, then apply at any time from the &#8220;Theming&#8221; tab.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custompresets.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49537\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custompresets-700x430.webp\" alt=\"\" width=\"610\" height=\"375\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custompresets-700x430.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custompresets-300x184.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custompresets-768x472.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/rewaita-custompresets.webp 1149w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<h3>How to Install Rewaita:<\/h3>\n<p><b>NOTE: Rewaita so far does NOT work in Ubuntu 24.04 and works partially IN MY CASE in Ubuntu 25.04, probably because Ubuntu does not feature vanilla Gnome environment.<\/b><\/p>\n<p>Rewaita is available to install in most Linux on <code>amd64<\/code> and <code>arm64<\/code> platforms as <a href=\"https:\/\/flathub.org\/apps\/io.github.swordpuffin.rewaita\" target=\"_blank\" rel=\"noopener\">Flatpak package<\/a>, which runs in sandbox environment.<\/p>\n<p>Fedora workstation (with 3rd party repository enabled) may search &amp; install it from GNOME Software.<\/p>\n<p>While, other Linux may do the steps below one by one to get it:<\/p>\n<ul>\n<li>First, follow the official <a href=\"https:\/\/flatpak.org\/setup\/\" target=\"_blank\" rel=\"noopener\">setup guide<\/a> to enable Flatpak support. For <b>Debian<\/b>\/<b>Ubuntu<\/b>, simply open terminal (Ctrl+Alt+T) and run command:\n<pre>sudo apt install flatpak<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/03\/apt-flatpak-noble.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-45732\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/03\/apt-flatpak-noble-700x501.webp\" alt=\"\" width=\"610\" height=\"437\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/03\/apt-flatpak-noble-700x501.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/03\/apt-flatpak-noble-300x215.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/03\/apt-flatpak-noble-768x550.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/03\/apt-flatpak-noble.webp 786w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/li>\n<li>Next, install the Rewaita package by running command:\n<pre>flatpak install https:\/\/dl.flathub.org\/repo\/appstream\/io.github.swordpuffin.rewaita.flatpakref<\/pre>\n<p><i>There&#8217;ll be also lots of downloads for GNOME and FreeBSD run-times if you don&#8217;t have them.<\/i><\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/flatpak-rewaita.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49538\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/flatpak-rewaita-700x528.webp\" alt=\"\" width=\"610\" height=\"460\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/flatpak-rewaita-700x528.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/flatpak-rewaita-300x226.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/flatpak-rewaita.webp 730w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/li>\n<\/ul>\n<p>After installed the app package, launch either from GNOME Overview (log out and back in if app icon not visible) or by running command in terminal:<\/p>\n<pre>flatpak run io.github.swordpuffin.rewaita<\/pre>\n<p>And, replace <code>run<\/code> with <code>update<\/code> in last command to check &amp; install updates.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/launch-rewaita.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-49539\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/launch-rewaita.webp\" alt=\"\" width=\"546\" height=\"279\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/launch-rewaita.webp 546w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/launch-rewaita-300x153.webp 300w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/a><\/p>\n<p><b>In addition<\/b>, to make custom colors work for Flatpak apps, you need to run one more command to grant read &amp; write permission to the <code>gtk-4.0<\/code> configuration directory for Flatpak.<\/p>\n<pre>sudo flatpak override --filesystem=xdg-config\/gtk-4.0:rw<\/pre>\n<p>And for GNOME Top-bar and menus, you need to set Gnome Shell theme to Rewaita (via Gnome Tweaks).<\/p>\n<div id=\"attachment_49540\" style=\"width: 620px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/tweak-shell-rewaita.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-49540\" class=\"size-large wp-image-49540\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/tweak-shell-rewaita-700x481.webp\" alt=\"\" width=\"610\" height=\"419\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/tweak-shell-rewaita-700x481.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/tweak-shell-rewaita-300x206.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/tweak-shell-rewaita-768x528.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/08\/tweak-shell-rewaita.webp 911w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><p id=\"caption-attachment-49540\" class=\"wp-caption-text\">Set Gnome Shell theme to Rewaita<\/p><\/div>\n<p>Tips: if &#8220;Shell&#8221; theme option is grayed out, then you need to install <a href=\"https:\/\/extensions.gnome.org\/extension\/19\/user-themes\/\" target=\"_blank\" rel=\"noopener\"><b>User Themes<\/b><\/a> extension:<\/p>\n<ul>\n<li>either visit the last link and use the ON\/OFF toggle to install. Though you need to install browser extension if prompted, and Debian\/Ubuntu needs to install the agent package first:\n<pre>sudo apt install chrome-gnome-shell<\/pre>\n<\/li>\n<li>or install &#8220;Extension Manager&#8221; from Gnome Software, App Center (debian package), or your system package manager, and use it to search &amp; install Gnome Shell extensions.<\/li>\n<li>finally, re-launch Gnome Tweaks.<\/li>\n<\/ul>\n<h3>Uninstall Rewaita<\/h3>\n<p>To uninstall the app, first reset to default color schemes (use the \u27f3 icon) for both light, dark, and window controls.<\/p>\n<p>Then, run the command below to remove the flatpak package:<\/p>\n<pre>flatpak uninstall --delete-data io.github.swordpuffin.rewaita<\/pre>","protected":false},"excerpt":{"rendered":"<p>Modern GNOME apps do NOT support traditional themes, but you may change the look with custom color schemes! As you know, GNOME has moved to use GTK4 + LibAdwaita for its applications and desktop components. And, so many apps use the LibAwaita library for their modern UI, which however do not support theming (see this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":49532,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689,2155],"class_list":["post-49531","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-gnome","tag-theme"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/49531","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=49531"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/49531\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/49532"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=49531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=49531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=49531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}