Ubuntu – Text colors in unity

firefoxgtkthemesthunderbirdunity

If I want to try out a different GTK3-Theme using the Unity Shell, I always have troubles with colors of the text. Many themes seem to have trouble with upper bar using similar text colors (i.e. black letters on black unity bar), some themes have great troubles with thunderbird and firefox – in fact even the context menus of thunderbird and firefox in the default ambiance themes are messed up.

Is there a way to manually fix this? I know how to change the colors of the firefox/thunderbird menu texts, but I have no idea about changing the rest.

Best Answer

Most themes will have a unity.css or something similar somewhere in gtk3/ folder.

Open that and look for Panel styles. You can easily change bg and fg colors there.

A sample from Zukitwo Gtk3 theme:

UnityPanelWidget,
.unity-panel {
        background-image: -gtk-gradient (linear, left top, left bottom,
            from (shade (@dark_bg_color, 1.5)),
            to (shade (@dark_bg_color, 1.04)));
        border-top-color: shade (@dark_bg_color, 1.6);
        border-style: solid;
        border-width: 1 0 0 0;

        -unico-border-gradient: none;
 }

 .unity-panel.menubar
 .unity-panel .menubar {
          color: #fff;
 }
Related Question