web-dev-qa-db-fra.com

Comment personnaliser la couleur du texte dans les onglets Chromium?

Est-ce que quelqu'un sait par hasard comment personnaliser la couleur du texte dans les onglets de chrome? Je sais que Chromium charge ces couleurs à partir du thème GTK utilisé. J'utilise actuellement le thème Arc.

J'ai passé quelques bonnes heures à essayer de le faire moi-même, en éditant le fichier gtk.css dans /usr/share/themes/Arc/gtk-3.0, je suis même entré dans le code source de Chromium pour essayer de trouver des indices sur le sélecteur CSS I devrait utiliser. Cependant, je ne pouvais pas le faire changer.

Toute aide à cette tentative serait appréciée.

2
Marko J.

Si vous pouvez éditer _gtk.css_ dans le sous-dossier __ de votre thème _gtk-3.0_, la ligne à éditer est la suivante:

_@define-color theme_fg_color #aa55ff;
_

où _#aa55ff_ est la nouvelle couleur.

Malheureusement, d'autres aspects de l'interface utilisateur du navigateur seront également affectés:

  • la couleur du texte de votre barre de favoris
  • la couleur du texte des éléments dans les dossiers de votre barre de favoris
  • la couleur du texte dans la liste déroulante _Customize and control ..._
  • la couleur des icônes arrière, avant et à la maison, et peut-être plus

Lilac tab text

Et bien sûr, toutes les autres applications gtk3 seront également affectées. Si vous ne voulez pas que cela se produise, faites une copie du thème avec un nom différent et modifiez la copie. Ensuite, vous pouvez utiliser

_GTK_THEME=modified-theme-name chromium-browser
_

pour exécuter seulement navigateur chrome avec le thème modifié.


Modifier:

Bien que vous n'ayez pas posé de question sur Firefox, j'aime simplement souligner que l'interface utilisateur de Firefox, même après Quantum, est actuellement beaucoup plus personnalisable.

Voici à quoi cela ressemble avant d'ajuster la couleur du texte de l'onglet et la couleur de fond :

before

Et voici à quoi cela ressemble après:

after

Je n'ai fait que créer un fichier _userChrome.css_ dans le dossier _~/.mozilla/firefox/profile_name/chrome_. Ce dossier n'existe pas par défaut. Vous devez le créer.

Le contenu de _userChrome.css_ pour obtenir la personnalisation des onglets affichée est le suivant:

_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; }
_

L'avantage de modifier le fichier _userChrome.css_ est qu'aucun autre aspect du navigateur ou d'autres applications ne sont affectés.

3
DK Bose