vinceliuice / Vimix-gtk-themes

Vimix is a flat Material Design theme for GTK 3, GTK 2 and Gnome-Shell etc.

Home Page:https://vinceliuice.github.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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,

commented

For gtk4 you need add this to $HOME/.config/gtk-4.0/gtk.css

commented

For gtk2, you can edit this gtkrc:

gtk-color-scheme = "topbar_bg_color:#212329\ntopbar_fg_color:#EFEFEF"

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.