3

I use cinnamon mint 17.1, and I found that the window title font color is difficult to distinguish from the background. I know that the theme can be changed from the control option under theme but I like this one and would like to know how to tweak it. I found the files under /usr/share/themes/Adwaita and simply changed wherever I saw color but nothing seemed to change so posting it here.
The gtk3.0 has few files like gtk.css and gtk-dark.css but they just contain these two lines respectively.
@import url("resource:///org/gnome/adwaita/gtk-main-dark.css");
@import url("resource:///org/gnome/adwaita/gtk-main-dark.css");
So how to go about modifying them? Thank you.

3
  • That's because the theme is a binary file - you'll have to hack it and maintain your own, customized version, see my post here and the guide I linked to Jul 2, 2017 at 22:01
  • That works for cinnamon?
    – Nobody
    Jul 3, 2017 at 1:21
  • No idea, I don't use cinnamon...It should work, it's a gnome fork after all... Jul 3, 2017 at 9:54

1 Answer 1

2

~/.config/gtk-3.0/gtk.css

/* REMOVE "-dark" IF USING LIGHT THEME */
@import url("resource:///org/gtk/libgtk/theme/Adwaita/gtk-contained-dark.css");

/* THIS ONE CHANGES TITLEBAR COLOR */
headerbar.titlebar,
headerbar.titlebar:active {
    background:#3F51B5;
}

/* THIS CHANGES NAUTILUS SEARCH BAR */
.horizontal.path-bar-box,
row:selected:backdrop {
     background:#3F51B5;
     border-color:#3F51B5;
}

To debug and find fitting CSS Selectors, open a GTK3 app with environment variable GTK_DEBUG=interactive. For example,

GTK_DEBUG=interactive nautilus

This should open a inspector for the GTK window. If it's not there, press Ctrl+Shift+I.

screenshot of inspector

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .