Как настроить цвет текста на вкладках Chromium?

Кто-нибудь случайно знает, как настроить цвет текста на вкладках Chromium? Я знаю, что Chromium загружает эти цвета из используемой темы GTK. В настоящее время я использую тему Arc.

Я провел несколько часов, пытаясь сделать это сам, редактируя gtk.css файл в /usr/share/themes/Arc/gtk-3.0Я даже вошел в исходный код Chromium, пытаясь понять, какой CSS-селектор мне следует использовать. Однако я не мог заставить это измениться.

Любая помощь с этой попыткой будет принята с благодарностью.

1 ответ

Если вы можете редактировать gtk.css в вашей теме gtk-3.0 подпапка, строка для редактирования такова:

@define-color theme_fg_color #aa55ff;

где #aa55ff это новый цвет.

К сожалению, другие аспекты пользовательского интерфейса браузера также будут затронуты:

  • цвет текста панели закладок
  • цвет текста элементов в папках панели закладок
  • цвет текста в Customize and control ... падать
  • цвет иконок назад, вперед и домой, а может и больше

И, конечно же, будут затронуты все другие приложения gtk3. Если вы не хотите, чтобы это произошло, сделайте копию темы с другим именем и измените копию. Тогда вы можете использовать

GTK_THEME=modified-theme-name chromium-browser

запускать только хром-браузер с измененной темой.


Редактировать:

Даже если вы не спрашивали о Firefox, я просто хотел бы отметить, что пользовательский интерфейс Firefox, даже после Quantum, в настоящее время гораздо более настраиваемый.

Вот как это выглядит перед настройкой цвета текста вкладки и цвета фона вкладки:

И вот как это выглядит после:

Все, что я сделал, было создать userChrome.css файл в папке ~/.mozilla/firefox/profile_name/chrome, Эта папка не существует по умолчанию. Вы должны создать это.

Содержание userChrome.css чтобы получить настройки вкладки показано:

tab { color: #000010 !important; font-size: 16px !important; font-family: Cousine !important; }
tab [selected] { font-family: Cousine !important; color: #ff00ff !important; font-weight: normal !important; font-size: 16px !important;  background: #444 !important; }

Преимущество настройки userChrome.css Файл заключается в том, что никакие другие аспекты браузера или других приложений не затрагиваются.

Другие вопросы по тегам