Ok thanks to Alejandro's answer I managed to figure it out, though the guide is not quite up to date. Changing the colour is a simple 37 step process:
- Install the Gnome Tweak Tool (depending on your repo).
- Set up the weird Firefox Extension that lets you install Gnome Shell Extensions from their website. (Really says something about the state of distributing software on Linux that the best installation method they could think of was a custom Firefox extension ♂️; I guess it does at least work.)
- Install the User Themes extension.
- Run these commands:
# Make a new theme directory (I called mine 'Sane').
mkdir -p ~/.themes/Sane/gnome-shell
# Go there.
cd ~/.themes/Sane/gnome-shell
# Copy the default theme (which is in some weird custom container).
cp /usr/share/gnome-shell/gnome-shell-theme.gresource .
# Extract it (no `extract_all`? really?).
for FILE in `gresource list gnome-shell-theme.gresource` ; do gresource extract gnome-shell-theme.gresource $FILE > $(basename -- "$FILE"); done
# Delete the default theme container.
rm gnome-shell-theme.gresource
- Edit
gnome-shell.css
(and maybe gnome-shell-high-contrast.css
if you use high contrast).
In my case the setting is
.notification-banner {
...
background-color: #ab3a2d;
Change that (and there are a few more background-color
s in there to change.
- Start the Gnome Tweak Tool and select your theme:

Celebrate the year of Linux on the Desktop!
