6

Running Ubuntu 12.04 LTS (Precise Pangolin). 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: Web browser tab bar background color

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

Modified Browsers tab bar Background color

Pablo Bianchi
  • 17,371
Hanynowsky
  • 2,801

3 Answers3

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?

Community
  • 1
titaniumtux
  • 1,094
1

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.

fragos
  • 3,583
0

There is a native Chrome solution as well:

GoTo settings and activate "Use GTK+ Design".

petermeissner
  • 101