{"id":49053,"date":"2025-06-10T02:41:59","date_gmt":"2025-06-10T02:41:59","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=49053"},"modified":"2025-06-10T02:41:59","modified_gmt":"2025-06-10T02:41:59","slug":"gimp-respect-system-color-scheme","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2025\/06\/gimp-respect-system-color-scheme\/","title":{"rendered":"Make GIMP 3.0.x Flatpak Follow System Color Scheme (Light or Dark)"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/gimp-new-logo.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-47492\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/gimp-new-logo-250x250.webp\" alt=\"\" width=\"250\" height=\"250\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/gimp-new-logo-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/gimp-new-logo-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/gimp-new-logo-700x700.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/gimp-new-logo-768x768.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/gimp-new-logo.webp 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>As you may know, GIMP provides official Linux packages through Flatpak and AppImage. The Flatpak package however does NOT automatically switch app color to light or dark depends on system color scheme.<\/p>\n<p>That&#8217;s because Flatpak is running in sandbox environment. The sandbox isolation enhances security and makes easy to distribute newer software releases without worrying about dependency issue. However, it has limited access to host resources causing issues, including theming.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-lightdark.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49054\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-lightdark-700x412.webp\" alt=\"\" width=\"610\" height=\"359\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-lightdark-700x412.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-lightdark-300x176.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-lightdark-768x452.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-lightdark-1320x776.webp 1320w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-lightdark.webp 1437w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p><!--more--><\/p>\n<p>To workaround the issue, <a href=\"https:\/\/github.com\/flatpak\/xdg-desktop-portal\" target=\"_blank\" rel=\"noopener\">xdg-desktop-portal<\/a> was created as a portal to allow Flatpak apps to securely access resources from outside sandbox. And, the portal has started exposing a <code>color-scheme<\/code> property in the latest versions.<\/p>\n<p>GIMP has merged the <a href=\"https:\/\/gitlab.gnome.org\/GNOME\/gimp\/-\/merge_requests\/2180\" target=\"_blank\" rel=\"noopener\">request<\/a> to respect system color scheme preference on Linux. So, <b>it will finally automatically switch between light and dark accordingly in v3.1.2<\/b>, the development release for next major 3.2. Not only for Linux, it will also implement the feature for Windows users.<\/p>\n<h3>How to Make GIMP 3.0.x Follow System Color Scheme<\/h3>\n<p>For current GIMP 3.0.x, besides using AppImage or native <code>.deb<\/code>\/<code>.rpm<\/code> packages, there&#8217;s an extension that can do the job to automatically change app color scheme to light or dark accordingly.<\/p>\n<p><b>NOTE 1: GIMP Flatpak in Manjaro Linux respects system color theme out-of-box as it has the extension pre-installed!<\/b><\/p>\n<p><b>NOTE 2: This tutorial is for GNOME desktop only, so far from v42 to 48.<\/b><\/p>\n<h4>Step 1: Install the GTK3 Theme &amp; Dark Variant<\/h4>\n<p>As Flatpak runs in sandbox, you also need to install the GTK3 theme and its dark variant as Flatpak package.<\/p>\n<p><b>For Ubuntu with default Yaru themes<\/b>, open terminal (Ctrl+Alt+T) and run commands below one by one:<\/p>\n<ul>\n<li>Install Yaru Gtk3 theme as flatpak:\n<pre>flatpak install org.gtk.Gtk3theme.Yaru<\/pre>\n<\/li>\n<li>And, install its dark variant:\n<pre>flatpak install org.gtk.Gtk3theme.Yaru-dark<\/pre>\n<\/li>\n<li>Yaru has many variants with different accent colors. You may run the command below to list them all:\n<pre>flatpak search --columns=application:f org.gtk.Gtk3theme.Yaru<\/pre>\n<p>Then, install them one by one. For example, install the Yaru theme with <code>sage<\/code> accent color (both light and dark):<\/p>\n<pre>flatpak install org.gtk.Gtk3theme.Yaru-sage org.gtk.Gtk3theme.Yaru-sage-dark<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/install-yaru-flatpak.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49056\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/install-yaru-flatpak-700x348.webp\" alt=\"\" width=\"610\" height=\"303\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/install-yaru-flatpak-700x348.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/install-yaru-flatpak-300x149.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/install-yaru-flatpak-768x382.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/install-yaru-flatpak.webp 1071w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>To make things simple, run the command below to <b>install all Yaru themes &amp; variants<\/b>:<\/p>\n<pre>for i in $(flatpak search --columns=application:f org.gtk.Gtk3theme.Yaru); do flatpak install $i -y; done<\/pre>\n<\/li>\n<\/ul>\n<p><b>For other GNOME based Linux with default Adwaita theme<\/b>, it&#8217;s recommended to install the GTK3 port: <a href=\"https:\/\/github.com\/lassekongo83\/adw-gtk3\" target=\"_blank\" rel=\"noopener\">adw-gtk3<\/a>.<\/p>\n<p>First, go to the link below and download <code>adw-gtk3<\/code> source tarball (e.g., adw-gtk3v6.2.tar.xz):<\/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:\/\/github.com\/lassekongo83\/adw-gtk3\/releases\" target=\"_blank\" rel=\"noreferrer noopener\">Download Adw-GTK3 (under Assets)<\/a><\/div>\n<\/div>\n<p>Then, decompress it and move the <b>adw-gtk3<\/b> and <b>adw-gtk3-dark<\/b> into <code>.local\/share\/themes<\/code> directory. NOTE: <code>.local<\/code> is hidden by default, press Ctrl+H to view. And, create <b>themes<\/b> sub-folder if it does not exist under <code>.local\/share<\/code> directory.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/adw-gtk3-localtheme.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49057\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/adw-gtk3-localtheme-700x412.webp\" alt=\"\" width=\"610\" height=\"359\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/adw-gtk3-localtheme-700x412.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/adw-gtk3-localtheme-300x177.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/adw-gtk3-localtheme-768x452.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/adw-gtk3-localtheme.webp 1012w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>After installed the theme for native apps, also run the command below to install them for Flatpak apps:<\/p>\n<pre>flatpak install org.gtk.Gtk3theme.adw-gtk3 org.gtk.Gtk3theme.adw-gtk3-dark<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/flatpak-adwgtk3.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49058\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/flatpak-adwgtk3-700x383.webp\" alt=\"\" width=\"610\" height=\"334\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/flatpak-adwgtk3-700x383.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/flatpak-adwgtk3-300x164.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/flatpak-adwgtk3-768x420.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/flatpak-adwgtk3.webp 842w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<h4>Step 2: Apply the GTK3 Theme for Legacy Applications<\/h4>\n<p>Ubuntu by default uses Yaru theme for legacy GTK3 applications, you may make a change of accent color in Settings to ensure.<\/p>\n<p>For other Linux with GNOME, search for and install <b>Gnome Tweaks<\/b> from Gnome Software app. Then, launch it and choose &#8220;Adw-gtk3&#8221; or &#8220;Adw-gtk3-dark&#8221; for legacy applications (according system color scheme) under Appearance setting panel.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/tweak-legacy.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49059\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/tweak-legacy-700x523.webp\" alt=\"\" width=\"610\" height=\"456\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/tweak-legacy-700x523.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/tweak-legacy-300x224.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/tweak-legacy-768x574.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/tweak-legacy.webp 873w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<h4>Step 3: Install GNOME Extension<\/h4>\n<p>For GNOME from version <b>42 to 48<\/b>, there&#8217;s an extension called Legacy (GTK3) Theme Scheme Auto Switcher that can automatically switch color scheme for GTK3 apps.<\/p>\n<p>Ubuntu user may first search &amp; install <b>Extension Manager<\/b> (filter by Debian package) in either Ubuntu Software or App Center. Then launch the tool and search install the extension under <i>Browse<\/i> tab.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-autoswitch-em.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49060\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-autoswitch-em-700x452.webp\" alt=\"\" width=\"610\" height=\"394\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-autoswitch-em-700x452.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-autoswitch-em-300x194.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-autoswitch-em-768x496.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-autoswitch-em.webp 1048w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>Without using Extension Manager, you may visit the extension on EGO, then use the ON\/OFF switch to install it:<\/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\/4998\/legacy-gtk3-theme-scheme-auto-switcher\/\" target=\"_blank\" rel=\"noreferrer noopener\">GTK3 Theme Auto Switcher<\/a><\/div>\n<\/div>\n<p>You need to install the browser extension (if it asks) and refresh the page. And, for Debian\/Ubuntu, run the command below in terminal (Ctrl+Alt+T) to install the agent package first:<\/p>\n<pre>sudo apt install chrome-gnome-shell<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-auto-switcher.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-49062\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-auto-switcher-700x456.webp\" alt=\"\" width=\"610\" height=\"397\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-auto-switcher-700x456.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-auto-switcher-300x195.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-auto-switcher-768x500.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gtk3-auto-switcher.webp 1177w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<h4>Step 4: Apply Change<\/h4>\n<p>After installed &amp; applied the GTK3 theme and its variant, and installed the extension, you may now start or re-start GIMP Flatpak app to see the magic.<\/p>\n<div style=\"width: 610px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-49053-1\" width=\"610\" height=\"343\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-auto-lightdark.mp4?_=1\" \/><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-auto-lightdark.mp4\">https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2025\/06\/gimp-auto-lightdark.mp4<\/a><\/video><\/div>","protected":false},"excerpt":{"rendered":"<p>As you may know, GIMP provides official Linux packages through Flatpak and AppImage. The Flatpak package however does NOT automatically switch app color to light or dark depends on system color scheme. That&#8217;s because Flatpak is running in sandbox environment. The sandbox isolation enhances security and makes easy to distribute newer software releases without worrying [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":47492,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[764,1085],"class_list":["post-49053","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-gimp","tag-image-editor"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/49053","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=49053"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/49053\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/47492"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=49053"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=49053"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=49053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}