Question: how to customize titlebar color?

EliverLara / Juno

GTK themes inspired by epic vscode themes

GNU General Public License v3.0

462 stars 23 forks source link

Question: how to customize titlebar color? #35

Open Trikenstein opened 3 years ago

Trikenstein commented 3 years ago

Using Juno dark. I have added this at the bottom of ~/.themes/Juno-standard-buttons/gtk-3.0/gtk.css

.titlebar, headerbar {
  background-color: #00827f;
}
.titlebar:backdrop, headerbar:backdrop {
  background-color: #004947;
}

This works partially. Only GTK3 apps could have colored titlebar. Strangely enough, Gnome terminal titlebar remains unaffected. GTK2 apps are insensitive to the above settings. Can you please show what CSS style should be modified to:

Set terminal titlebar color
GTK2 apps titlebar color

Thank you very much in advance for any help.

Trikenstein commented 3 years ago

Hi,

Low-tech solution:

delete the ~/.themes/Juno-standard-buttons/gtk-2.0/ directory (NOTE: GTK2)
copy the gtk-2.0 dir extracted from the Marwaita theme from MarkoDarko42
edit the gtkrc to replace all gtk-color-scheme definitions with those coming the original gtkrc from Juno

The strange thing this I have to reboot the computer. After that GTK2 apps have the same titlebar color as those I defined in gtk-3.0/gtk.css

Trikenstein commented 3 years ago

Playing around to get colored titlebar, this Juno theme is fantastic:

Juno_with_color_Titlebar2

EliverLara commented 2 years ago

Hi, I'm sorry for the very very late response, I'm glad you could adapt the theme to your needs, as an advice te easiest way to change color is by editing the variables within the gtk-3.0/_colors.scss file and then recompile the whole theme by running in your terminal sass gtk.scss gtk.css