Skip to main content [deleted by user] : r/gnome
r/gnome icon
Go to gnome
r/gnome
[deleted]

[deleted by user]

I bet the majority of people complaining about not being able to theme anymore would be content with just changing the default colors + window button controls, which as you can see it's possible. And it's actually easier, I never even made a theme before this!

The hard part is applying the theme. But that's now, libadwaita is very new and someone smarter than me will probably make a tool to easy the process.

165

You can actually change all the colours? I thought only the accent colour was implemented and the rest of the colour api was a "maybe in the future" type deal. If I could set all the colours myself or download and apply colour palettes the way I can gtk themes I'd feel very differently about the whole libadwaita thing (up until now to say I've been extremely skeptical would be an understatement)

17

Yes, there are colors for everything, you just need to change the values. If you want to try the colors that I used, add this to ~/.config/gtk-4.0/gtk.css:

/* nord colors - use with dark style selected */

@define-color accent_color @green_4;

@define-color accent_bg_color @green_4;

@define-color window_bg_color #2E3440;

@define-color window_fg_color white;

@define-color headerbar_bg_color #3B4252;

@define-color headerbar_fg_color white;

@define-color popover_bg_color #434C5E;

@define-color popover_fg_color white;

@define-color view_bg_color #2E3440;

@define-color view_fg_color white;

@define-color card_bg_color rgba(255, 255, 255, 0.08);

@define-color card_fg_color white;

Also if you trying this in a flatpak app, you need to give the permission to access this file, otherwise it won't work.

local: flatpak override --user --filesystem=xdg-config/gtk-4.0

global: flatpak override --filesystem=xdg-config/gtk-4.0

Check all the defined colors here: https://gitlab.gnome.org/GNOME/libadwaita/-/blob/main/src/stylesheet/_defaults.scss

69

Named colors are also also available here, with a description about each one of them: https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1.1/named-colors.html

30

That's great I didn't know about this page, thanks!

9
Continue this thread

This is great! Thank you!

3

The gtk.css file also seems to appear in GTK 3/4 themes, do those settings also apply when adding them to GTK 4 themes?

2

No. Libadwaita does not load the stylesheet from other themes, it has it's own. The file in ~/.config/gtk-4.0/ is one way to bypass this limitation.

6
Continue this thread

This is great information, do you have any idea what element the white separator lines and outline of the apps are in the dark variant? That's literally the only thing I'd change about the dark variant and it's not apparent from the default css if you can change it.

2
@define-color headerbar_border_color yellow;
separator {
  color: red;
}
window {
  border: 1px solid blue;
}

change to black or transparent

2
Continue this thread Continue this thread
Continue this thread

big thx man it's so easy now

2

Does this work on Gnome 41?

1

It works with any DE

3
Continue this thread Continue this thread
Continue this thread

How can I know if I do this through a flatpak app? Is it possible to change the color of the currently highlighted item in the alt-tab popup window? It's barely visible.

1
Continue this thread
Continue this thread
Continue this thread
[deleted]

this is so pretty

66
Continue this thread

This looks clean and pretty! Where can I get it?

18
18
Continue this thread
Continue this thread

Hopefully we'll get to define accent colors in some future iteration of Libadwaita.

32

I just have to say that a certain engineer from a certain company who kept posting misinformation on Twitter about Libadwaita is a bad character.

68
Continue this thread

That's amazing, I like it.

7
[deleted]

Comment deleted by user

Exactly. This should be top of the sub. Some people may like default libadwaita and great for them, but I'm so happy that options for theming (or at least colour scheming) are still there for us who want to dig into it. This really changes my opinion on libadwaita a lot (from dislike to ambivalence, but still). I was considering switching after the next Debian Stable release if I couldn't theme it. Assuming this remains possible this would keep me using Gnome into the next (Debian) Stable release.

5

Here's a dracula version thanks for the tutorial!

@define-color accent_color #bd93f9;

@define-color accent_bg_color #bd93f9;

@define-color window_bg_color #282a36;

@define-color window_fg_color #f8f8f2;

@define-color headerbar_bg_color #282a36;

@define-color headerbar_fg_color #f8f8f2;

@define-color popover_bg_color #282a36;

@define-color popover_fg_color #f8f8f2;

@define-color view_bg_color #282a36;

@define-color view_fg_color #f8f8f2;

@define-color card_bg_color rgba(255, 255, 255, 0.08);

@define-color card_fg_color #f8f8f2;
7

A bit off topic.. But what is the application for for cleaning your traces? would love to know. Also looks very nice.

5
7
Continue this thread

Absolutely stunning

4

maybe Frankenstein is suitable for the name of the theme you made :D

3
Continue this thread

So nice

2

I'm not usually big on dark themes, but that is stunning.

2