How to change web browser's tab bar background color or image?

Question

Running Precise. I am tweaking the ambiance theme to my taste. Yet I can't locate where I can modify the background color of the browser's tab bar (I suspect its value instruction to be somewhere in the gtk-widget or gtk-3 style files). See image:

Thanks in advance.

-------------------EDIT-----------------------

Solution:

Edited the following files:

• /usr/share/themes/MyTheme/gtk-2.0/apps/chromium.rc ( style "chrome-gtk-frame"{ ...})

• gtk.css

• gtkrc (gtk-2.0 folder / first line of style dark - background - ) :

---

style "dark"
{
    color["bg_color_dark"]  = "#303030"   #original was 3c3b37
    color["fg_color_dark"]  = "#dfdbd2"
    color["selected_fg_color_dark"] = "#ffffff"

fg[NORMAL]        = @fg_color_dark
fg[PRELIGHT]      = shade (1.15, @fg_color_dark)
fg[ACTIVE]    = @fg_color_dark
fg[SELECTED]      = @selected_fg_color_dark
fg[INSENSITIVE]   = shade (0.5, @fg_color_dark)

bg[NORMAL]        = @bg_color_dark
bg[ACTIVE]    = shade (0.8, @bg_color_dark)
bg[SELECTED]      = @selected_bg_color
bg[PRELIGHT]      = shade (1.0, "#4D4C48")
bg[INSENSITIVE]   = shade (0.85, @bg_color_dark)

text[NORMAL]      = @fg_color_dark
text[PRELIGHT]    = shade (1.15, @fg_color_dark)
text[SELECTED]    = @selected_fg_color_dark
text[ACTIVE]      = @fg_color_dark
text[INSENSITIVE] = mix (0.5, @bg_color, @bg_color_dark)

}

RESULT:

Answer 1

Want to edit the desktop colors? No graphic way to do it in Ubuntu 11.10/12.04.

1. Execute gksudo gedit /usr/share/themes/Ambiance/gtk-2.0/gtkrc
2. Don't like orange? Change the value of selected_bg_color. Feel free to change the other colors using HTML colors.
3. Save and exit, effects will kick in eventually.

This should set the background color for Chrome/Chromium.

See How to change tooltip background color in Unity?

Answer 2

Install the chrome plugin from below link .. you should be able to make your own themes .. and change colors ..

https://chrome.google.com/webstore/detail/oehpjpccmlcalbenfhnacjeocbjdonic?utm_campaign=en&utm_medium=mychrometheme&utm_source=en-et-na-us-et-mychrometheme

Answer 3

I'm reasonably sure the color choices in both Chrome and Chromium are a function of a theme which only covers this application. Application that run on multiple desktop environment frequently don't avail themselves of the desktop themes. To change colors for applications written for Gnome's GTK you'll need to change gtkrc for applications not yet upgraded to GTK 3.0 and for the GTK 3.0 applications you'll need to edit setting.ini and gtk.css in the gtk-3.0 folder. All three files use the same labels for the colors values. They all should be changed to the same values. At least this is the case for the Ambiance theme.

Answer 4

There is a native Chrome solution as well:

GoTo settings and activate "Use GTK+ Design".