Question: what ccs element to modify to get a colored titlebar?
Trikenstein opened this issue · comments
Hi,
Using Ubuntu 22.04.1, Gnome 42.4
This theme is excellent. The install.sh
is very well done. Thanks very much
Can you please show me what to modify in the *.css
to transform the titlebar from grey to a colored accent same as the theme color. The one I am using is
./install.sh -t beryl -c dark -s compact --tweaks flat
I edited the ~/.themes/vimix-dark-compact-beryl/gtk-3.0/gtk-dark.css
by appending at the end of the file the following css code:
.titlebar, headerbar {
background-color: #00827f;
}
.titlebar:backdrop, headerbar:backdrop {
background-color: #004947;
}
This seems to work for GTK3 apps like Gnome terminal. But not working for GTK2 apps like Audacious, Bitwarden, VSCode. And not at all for GTK4 app like Nautilus. Doing the same efit above in the *.css
files in the gtk-4.0
directory has no effects in the titlebar color,
For gtk4 you need add this to $HOME/.config/gtk-4.0/gtk.css
For gtk2, you can edit this gtkrc:
vimix-gtk-themes/src/gtk-2.0/gtkrc-doder
Line 13 in 945ffa1
change the topbar_bg_color
color
Hi thanks for the reply. I followed exactly the instructions. No change (ie. GTK4 & GTK2 apps still have a dark titlebar). In my opinion, it is really complicate to custom theme GTK, especially since GTK4 with libawaita. I am going to switch to KDE. Not sure why but desktop themes now only use single titlebar color. When overlaping multiple windows it is hard to distinguish.
With a colored titlebar for active window, and faded color for inactive ones, I find this is easier on the eyes. Too bad I like the dark Vimix theme, but it get uncomfortable when everything is gray.