The theme from libadwaita ported to GTK-3

  • By Mattias
  • Last update: Jan 1, 2023
  • Comments: 17

adw-gtk3

The default theme from libadwaita ported to GTK-3.

Note that this is not a 100% accurate port.

adw-gtk3

How to install

Tarball

Go to the releases section and download the latest tar.xz file.

  • Install for the current user only: Extract the file to ~/.local/share/themes/
  • Install for all users: Extract the file to /usr/share/themes/

You can then enable adw-gtk3 in the application gnome-tweaks.

If you use the dark theme you'll also need to enable the dark appearance in gnome-control-center.

Other install options

These packages are maintained by contributors. It is recommended to install the flatpak versions if you use flatpak applications and the snapcraft version if you use snap applications.

dnf copr enable nickavem/adw-gtk3
dnf install adw-gtk3

Thanks to @dusansimic (Flatpak, AUR), @kuroehanako (Snapcraft), @nickavem (Fedora copr) for the help.

Installation from source

This will install the latest version from the main branch. Use this install method if you want to contribute.

See CONTRIBUTING.md for the instructions.

How to uninstall the theme(s)

To be safe from any crashes or weirdness, change the theme to another one before running the command(s) below.

  • For a global install: sudo rm -r /usr/share/themes/adw-gtk3*
  • For a local install: rm -r ~/.local/share/themes/adw-gtk3*

Flatpak: flatpak uninstall org.gtk.Gtk3theme.adw-gtk3 org.gtk.Gtk3theme.adw-gtk3-dark

Github

https://github.com/lassekongo83/adw-gtk3

Comments(17)

  • 1

    Dark theme is Gtk3 Adwaita stylesheet in some Flatpaks

    In some flatpaks (like org.gnome.Evince or org.gnome.Lollypop) the dark theme shows up as the old adwaita style.

    I do not have org.gtk.Gtk3Theme.Adwaita-dark installed, it is only your two flatpak themes and my Gtk3 theme is adw-gtk3(-dark).

    Is this intended behaviour/ repeatable on your end? if not, what can I do?

    Thanks for your help.

    Top panel of org.gnome.Lollypop : dark image light image

  • 2

    Work on Phosh

    Currently, installing this theme on Phosh will leave you with something that doesn't really look or work properly. I don't know why this is, but it'd be nice if this theme supported Phosh.

  • 3

    Update the tab style to match with the new AdwTabBar style

    According to Alexander Mikhaylenko's tweet, AdwTabBar style has got updated. Which tab is selected should be much more obvious now, especially in dark variant or with only 2 tabs open. Here are the screenshots of the new style : image image

    I think adw-gtk3 theme should be updated as well to match with the new style.

  • 4

    Theme problems in Timeshift, Gparted

    Describe the issue

    Timeshift, gparted and other system apps have broken theming when using adw-gtk3-dark.

    Screenshot(s)

    image

    Versions

    • OS and version: Manjaro Rolling (testing)
    • GNOME Version: 42.2

    Settings

    • [X] I installed the theme from the tar.xz file.
    • [ ] I installed the theme from git with ninja-build.
    • [ ] I installed the theme from elsewhere. (Where?)
    • [X] The theme is the latest available version/git commit.
    • [ ] I've installed the light flatpak theme: org.gtk.Gtk3theme.adw-gtk3
    • [ ] I've installed the dark flatpak theme: org.gtk.Gtk3theme.adw-gtk3-dark
    • [ ] The file ~/.config/gtk-3.0/gtk.css does not exist or is empty.
    • [X] Dark theme only: I've changed the theme to adw-gtk3-dark in gnome-tweaks AND set the appearance to dark in gnome-control-center.
    • [X] Before opening this issue I logged out of GNOME and then logged back in again.
  • 5

    Various issues

    • Borders are transparent. Libadwaita borders are solid (light: #CACACA, dark: #454545)
    • Nautilus changes background to a lighter color when a new tab is opened nautilus1 nautilus2
    • When hovering an inactive tab, the bottom border disappears tab-border
    • Image viewer (Eye of GNOME) needs background color for the - and + buttons zoom-buttons
    • Active text entries need better borders text-entry
    • Slider handle is dark instead of light on dark variant slider
  • 6

    Get the theme listed on flathub

    A current bit of pain is that the theme doesn't work with flatpak programs because of the system sandboxing. it would be handy to have it listed so that it applies better on systems that make a lot of use of flatpaks

  • 7

    Brave browser has a black new tab button.

    Describe the issue

    I am using Brave Browser (flatpak) with the "Use GTK" theme option. The button areas around the "+" for new tab and the "v" in the titlebar are black instead of a shade of gray.

    Screenshot(s)

    image

    Versions

    • OS and version: Fedora 36
    • GNOME Version: 42
    • Brave Browser (flatpak): Version 1.45.116 Chromium: 107.0.5304.91
    • adw-gtk3: latest from COPR (I assume v4.0, couldnt figure that out, sorry)

    Settings

    • [ ] I installed the theme from the tar.xz file.
    • [ ] I installed the theme from git with ninja-build.
    • [x] I installed the theme from elsewhere. (Where?) COPR: nickavem/adw-gtk3
    • [x] The theme is the latest available version/git commit.
    • [x] I've installed the light flatpak theme: org.gtk.Gtk3theme.adw-gtk3
    • [x] I've installed the dark flatpak theme: org.gtk.Gtk3theme.adw-gtk3-dark
    • [x] The file ~/.config/gtk-3.0/gtk.css does not exist or is empty.
    • [x] Dark theme only: I've changed the theme to adw-gtk3-dark in gnome-tweaks AND set the appearance to dark in gnome-control-center.
    • [x] Before opening this issue I logged out of GNOME and then logged back in again.
  • 8

    GTK4 Theme?

    I know this may be out of scope, but are you going to port this to a standard GTK4 stylesheet? So non-libadwaita GTK4 apps are also able to utilize this theme too.

  • 9

    White line above title bar

    When I use this theme I get a pixel high white line in the top part of the title bar.

    image

    Versions

    • OS and version: Arch Linux
    • GNOME Version: 43.1

    Settings

    • [ ] I installed the theme from the tar.xz file.
    • [ ] I installed the theme from git with ninja-build.
    • [x] I installed the theme from elsewhere. (From AUR)
    • [ ] The theme is the latest available version/git commit.
    • [ ] I've installed the light flatpak theme: org.gtk.Gtk3theme.adw-gtk3
    • [ ] I've installed the dark flatpak theme: org.gtk.Gtk3theme.adw-gtk3-dark
    • [x] The file ~/.config/gtk-3.0/gtk.css does not exist or is empty.
    • [x] Dark theme only: I've changed the theme to adw-gtk3-dark in gnome-tweaks AND set the appearance to dark in gnome-control-center.
    • [x] Before opening this issue I logged out of GNOME and then logged back in again.
  • 10

    Nautlius not using correct theme in gnome 42 if adw-gtk3-dark is selected

    When i select the Dark Style in gnome-settings 42 and combined it with adw-gtk3-dark in gnome-tweaks nautilus looks like this. Screenshot from 2022-03-04 01-25-31

    Only when selecting the adw-gtk3 style and reselecting the dark style in gnome-settings nautilus uses the libadwaita styles. Screenshot from 2022-03-04 01-26-00

    Gnome version 42.beta / Nautilus 42.rc

    btw: Thx for over a decade of your high quality themes on my computer

  • 11

    GTK4 theme inconsistency

    Describe the issue

    Headbar and card separator, and card divider look different than on GTK4.

    Screenshot(s)

    This is what it looks on GTK3 applications

    Screenshot from 2022-12-28 15-28-08

    This is what it looks on GTK4 applications (themed with Gradience), and what I would expect GTK3 applications to look like.

    Screenshot from 2022-12-28 16-34-17

    At first I thought it could be happening because of rgbA incompatibility rgba(107,138,127,0.0) , as I was setting the alpha value to zero to hide the header bar separator, and to 0.05 rgba(107,138,127,0.05) to hide the card separator. But when I instead tried hiding those by using the same rgb value as the header bar bg color rgb(27,36,33) and card bg color rgb(21,28,25) without an alpha value, the same issue occurred. So I am unsure of what could be causing it.

    Versions

    • OS and version: Vanilla OS
    • GNOME Version: 43.1

    Settings

    • [X] I installed the theme from the tar.xz file.
    • [ ] I installed the theme from git with ninja-build.
    • [ ] I installed the theme from elsewhere. (Where?)
    • [X] The theme is the latest available version/git commit.
    • [X] I've installed the light flatpak theme: org.gtk.Gtk3theme.adw-gtk3
    • [X] I've installed the dark flatpak theme: org.gtk.Gtk3theme.adw-gtk3-dark
    • [ ] The file ~/.config/gtk-3.0/gtk.css does not exist or is empty.
    • [X] Dark theme only: I've changed the theme to adw-gtk3-dark in gnome-tweaks AND set the appearance to dark in gnome-control-center.
    • [X] Before opening this issue I logged out of GNOME and then logged back in again.
  • 12

    Added instructions for resolving libadwaita build issues for GTK4 support

    As of 8/12/2022, a build dependency update in libadwaita (gtk4 >= 4.9.1) results in the build failing on Fedora 37 and Ubuntu 22.04. I've added some instructions to checkout to an earlier commit, so that the build can proceed.

    This should be a temporary change, for until the updated dependencies are available in the Ubuntu and Fedora stable repos. This is also a bodge; if there are any better ways to handle this, please let me know.

  • 13

    Inkscape flatpak not respecting Dark theme

    Describe the issue

    Inkscape does not use adw gtk dark, it defaults to standard light theme. I have installed flatpak theme and even added the path on other files using Flatseal.

    Screenshot(s)

    image

    Versions

    • OS and version: Fedora 37
    • GNOME Version: 43

    Inkscape Flatpak version 1.2.1

    Settings

    • [x] I installed the theme from the tar.xz file.
    • [ ] I installed the theme from git with ninja-build.
    • [ ] I installed the theme from elsewhere. (Where?)
    • [ ] The theme is the latest available version/git commit.
    • [x] I've installed the light flatpak theme: org.gtk.Gtk3theme.adw-gtk3
    • [x] I've installed the dark flatpak theme: org.gtk.Gtk3theme.adw-gtk3-dark
    • [ ] The file ~/.config/gtk-3.0/gtk.css does not exist or is empty.
    • [x] Dark theme only: I've changed the theme to adw-gtk3-dark in gnome-tweaks AND set the appearance to dark in gnome-control-center.
    • [x] Before opening this issue I logged out of GNOME and then logged back in again.
  • 14

    Automatic release generation through Github actions

    Hey, I am not sure if you are interested in this.

    I've built a Github workflow to automatically generate a release including pulling in GTK4 CSS from libadwaita and including a Debian package.

    As a next step, I plan to publish those releases on a PPA so they can easily be installed and automatically updated.

  • 15

    Seahorse item text are unreadable when hovered

    Describe the issue

    Hovering over an item in seahorse makes a part of the text unreadable with adw-gtk3 dark mode.

    Screenshot(s)

    Here's a comparison see that the id_ed25519 is invisible when hovered (this happens with items stored in kerying as well):

    adw-gtk3 hovered (one with the issue):

    adw-gtk3_hovered

    Adwaita dark hovered:

    adw-dark_hovered

    adw-gtk3 unhovered:

    adw-gtk3_unhovered

    Adwaita dark unhovered:

    adw-dark_unhovered

    Versions

    • OS and version: Arch Linux
    • GNOME Version: 42.4
    • Seahorse 42.0-1
    • adw-gtk3-git 3.6.r16.7a28185-1

    Seahorse is from Archlinux repository not flatpak.

    Settings

    • [ ] I installed the theme from the tar.xz file.
    • [ ] I installed the theme from git with ninja-build.
    • [x] I installed the theme from elsewhere. (Chaotic AUR)
    • [x] The theme is the latest available version/git commit.
    • [ ] I've installed the light flatpak theme: org.gtk.Gtk3theme.adw-gtk3
    • [ ] I've installed the dark flatpak theme: org.gtk.Gtk3theme.adw-gtk3-dark
    • [x] The file ~/.config/gtk-3.0/gtk.css does not exist or is empty.
    • [x] Dark theme only: I've changed the theme to adw-gtk3-dark in gnome-tweaks AND set the appearance to dark in gnome-control-center.
    • [x] Before opening this issue I logged out of GNOME and then logged back in again.
  • 16

    Title bar buttons are not readable in Chrome incognito mode

    Title bar buttons are not readable in Chrome incognito mode

    please check the next screenshots:

    adw-gtk3

    Screenshot-20220704102625-836x351

    adw-gtk3-dark

    Screenshot-20220704102603-846x331

    Please correct! :(

    • OS and version: Fedora 36
    • GNOME Version: 42.2
  • 17

    Bold font weight in FileZilla

    Describe the issue

    In FileZilla, the font weight is bold. With Adwaita or in other apps the font weight is normal (e.g. Nautilus).

    I don't know if this is by design.

    Screenshot(s)

    image

    image

    Versions

    • OS and version: Debian
    • GNOME Version: 42.2

    Settings

    • [ ] I installed the theme from the tarball.
    • [x] I installed the theme from git.
    • [ ] I installed the theme from AUR.
    • [ ] I installed the theme from elsewhere. (Where?)
    • [x] The theme is the latest available version/git commit.
    • [x] I've installed the light flatpak theme: org.gtk.Gtk3theme.adw-gtk3
    • [x] I've installed the dark flatpak theme: org.gtk.Gtk3theme.adw-gtk3-dark
    • [x] The file ~/.config/gtk-3.0/gtk.css does not exist or is empty.
    • [ ] Dark theme only: I've changed the theme to adw-gtk3-dark in gnome-tweaks AND set the appearance to dark in gnome-control-center.
    • [x] Before opening this issue I logged out of GNOME and then logged back in again.