Style libadwaita and adw-gtk3 with named colors.
How to create your own color themes.- Copy one of the files below to
~/.config/gtk-4.0/gtk.css(Make backups if the file already exists). - Enable the corresponding color preference in
gnome-tweaksandgnome-control-center. [e.g Dark for dark color themes.] - Create a symbolic link to the gtk-3.0 folder:
ln -s ~/.config/gtk-4.0/gtk.css ~/.config/gtk-3.0/gtk.css - If you use flatpak apps, run:
- Restart any open applications or log out and in again.
sudo flatpak override --filesystem=xdg-config/gtk-3.0 && sudo flatpak override --filesystem=xdg-config/gtk-4.0Tip: Use different color themes for different Flatpak apps. Add a different gtk.css file to /home/user/.var/app/[name of flatpak app]/config/gtk-4.0/ (or gtk-3.0).
| Color theme | Info / Screenshot | Submitted by |
|---|---|---|
| Dracula |  |
|
| Nord |  |
|
| Peninsula-dark |  |
|
| Gruvbox-dark |  |
WryOpussum |
| Alpha-black |  |
MobinJavari |
| Alpha-dark |  |
MobinJavari |
| Alpha-mac |  |
MobinJavari |
| Solarized |  |
davidphilipbarr |
| Solarized-dark |  |
davidphilipbarr |
| adw-hc-dark | A slightly higher contrast libadwaita dark theme. Screenshot. |
|
| adw-hc-light | A slightly higher contrast libadwaita dark theme. Screenshot. |
|
| yaru | Yaru accent-color theme. |
yellowgh0st |
| yaru-dark | Yaru-dark accent-color theme. |
yellowgh0st |
| yaru-bark | Yaru-bark accent-color theme. |
yellowgh0st |
| yaru-bark-dark | Yaru-bark-dark accent-color theme. |
yellowgh0st |
| yaru-blue | Yaru-blue accent-color theme. |
yellowgh0st |
| yaru-blue-dark | Yaru-blue-dark accent-color theme. |
yellowgh0st |
| yaru-magenta | Yaru-magenta accent-color theme. |
yellowgh0st |
| yaru-magenta-dark | Yaru-magenta-dark accent-color theme. |
yellowgh0st |
| yaru-olive | Yaru-olive accent-color theme. |
yellowgh0st |
| yaru-olive-dark | Yaru-olive-dark accent-color theme. |
yellowgh0st |
| yaru-prussiangreen | Yaru-prussiangreen accent-color theme. |
yellowgh0st |
| yaru-prussiangreen-dark | Yaru-prussiangreen-dark accent-color theme. |
yellowgh0st |
| yaru-purple | Yaru-purple accent-color theme. |
yellowgh0st |
| yaru-purple-dark | Yaru-purple-dark accent-color theme. |
yellowgh0st |
| yaru-red | Yaru-red accent-color theme. |
yellowgh0st |
| yaru-red-dark | Yaru-red-dark accent-color theme. |
yellowgh0st |
| yaru-sage | Yaru-sage accent-color theme. |
yellowgh0st |
| yaru-sage-dark | Yaru-sage-dark accent-color theme. |
yellowgh0st |
| yaru-viridian | Yaru-viridian accent-color theme. |
yellowgh0st |
| yaru-viridian-dark | Yaru-viridian-dark accent-color theme. |
yellowgh0st |
