Как изменить цвет фона или изображение панели вкладок веб-браузера?

Вопрос или проблема

Запускаю Ubuntu 12.04 LTS (Precise Pangolin). Я настраиваю тему Ambiance по своему вкусу. Но я не могу найти, где можно изменить цвет фона панели вкладок браузера (подозреваю, что его значение находится где-то в файлах стилей gtk-widget или gtk-3). См. изображение:
Цвет фона панели вкладок веб-браузера

Редактирование: Решение

Отредактированы следующие файлы:

  • /usr/share/themes/MyTheme/gtk-2.0/apps/chromium.rc, (style "chrome-gtk-frame" {...})
  • gtk.css
  • gtkrc (папка gtk-2.0 / первая строка стиля dark – background – ):
    style "dark"
    {
      color["bg_color_dark"] = "#303030"   #original был 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)
}

Результат

Измененный цвет фона панели вкладок браузера

Хотите изменить цвета рабочего стола? Нет графического способа сделать это в Ubuntu 11.10/12.04.

  1. Выполните gksudo gedit /usr/share/themes/Ambiance/gtk-2.0/gtkrc
  2. Не нравится оранжевый? Измените значение selected_bg_color. Вы можете изменить другие цвета, используя HTML-цвета.
  3. Сохраните и выйдите, эффекты проявятся со временем.

Это должно установить цвет фона для Chrome/Chromium.

См. Как изменить цвет фона подсказки в Unity?

Я почти уверен, что выбор цветов в Chrome и Chromium является функцией темы, которая охватывает только это приложение. Приложения, работающие в нескольких средах рабочего стола, часто не используют темы рабочего стола. Чтобы изменить цвета для приложений, написанных для GTK Gnome, вам нужно изменить gtkrc для приложений, которые еще не обновлены до GTK 3.0, и для приложений GTK 3.0 вам нужно отредактировать setting.ini и gtk.css в папке gtk-3.0. Все три файла используют одинаковые метки для цветовых значений. Все они должны быть изменены на одинаковые значения. По крайней мере, это относится к теме Ambiance.

Есть и нативное решение для Chrome:

Перейдите в настройки и активируйте “Использовать дизайн GTK+”.

Ответ или решение

Теория

Для изменения фона цветовой панели вкладок в браузере (например, Chrome или Chromium) на Ubuntu 12.04 LTS (Precise Pangolin), необходимо отредактировать стиль темы, используемой в системе. Браузеры, такие как Chrome и Chromium, часто используют системные темы, основанные на GTK, для отображения различных элементов интерфейса, включая панель вкладок. Это предполагает, что для изменения их внешнего вида может потребоваться внесение изменений в файлы конфигурации GTK.

Пример

В представленном примере пользователь хочет изменить тему Ambiance. Для этого нужно работать с несколькими файлами, включая gtk-rc и gtk-css, расположенные в папках тем GTK-2.0 и GTK-3.0 соответственно. Основной акцент делается на изменение цвета фона вкладок. Ниже приводится пример кода, каким образом можно обновить цвет фона в файле gtkrc:

style "dark"
{
  color["bg_color_dark"] = "#303030"
  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)
}

Применение

Для внесения изменений выполните следующие шаги:

  1. Редактирование файла gtkrc: Запустите команду gksudo gedit /usr/share/themes/Ambiance/gtk-2.0/gtkrc в терминале. Измените параметры цвета, такие как bg_color_dark, чтобы установить желаемый цвет фона.

  2. Изменение в gtk-3.0: В случае использования приложений, работающих с GTK-3.0, отредактируйте файлы settings.ini и gtk.css в папке gtk-3.0. Они должны содержать аналогичные настройки цветовой палитры.

  3. Сохранение изменений: После редактирования, сохраните изменения и закройте редактор. Изменения могут вступить в силу не сразу, но после перезапуска системы или процесса графической оболочки.

  4. Настройки в Chrome/Chromium: Если вы используете Chrome или Chromium, проверьте, включена ли опция "Использовать оформление GTK+", которая позволяет браузеру использовать системную тему оформления.

Эти шаги позволят вам настроить внешний вид панели вкладок браузера в соответствии с вашими предпочтениями, интегрируя его в общий стиль рабочего стола на базе Ubuntu.

Оцените материал
Добавить комментарий

Капча загружается...