Couleur icones favoris

[gesor]

Bonjour,
Y-a-il 1 méthode pour changer la couleur (austère) des dossiers des favoris de la barre latérale?

[Cucurbitacé]

Bonjour gesor,

Qu’est-ce que vous appelez barre latérale ?
Dans l’affichage de mon Firefox, je ne vois pas : barre latérale.

Par contre pour changer la couleur des dossiers dans Marque-pages et Afficher tous les marque-pages (fenêtre dite : library) :

La code couleur ce gère sur " fill ", dans un fichier → userChrome.css ←

Code : Tout sélectionner

/** c’est la fonction : Marques pages **/

#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
:-moz-any(
#PlacesToolbarItems,
#PlacesChevronPopup,
#BMB_bookmarksPopup,
#bookmarksMenu) menu[container="true"] > .menu-iconic-left > .menu-iconic-icon {
  fill: #F09993 !important;
}

Code : Tout sélectionner

/** c’est quand on affiche la fenêtre : Afficher tous les marques pages **/

:-moz-any(
#bookmarks-view, 
#editBMPanel_folderTree, 
#placesList, 
#placeContent) treechildren::-moz-tree-image(container), 
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem {
  fill: #e8bb00 !important;
}

Après vous avez des internautes qui proposent des codes Css à copier/coller vous-même dans un fichier userChrome.css ou userContent.css.

Le travail est disponible → ici ←
Chaque répertoire est une catégorie, dans chaque catégorie, il y a des fichiers dont les noms des fichiers indiquent ce qu’ils font.
Vous, le code que vous recherchez sera dans le répertoire : generalui ; Marque-pages = Bookmarks in english.

Cordialement.

[Robert Mitchum]

Bon matin,

En complément de la réponse très détaillée de Cucurbitacé, juste deux petites lignes à insérer dans le fichier userChrome.css :

.bookmark-item[container], treechildren::-moz-tree-image(container)
{ fill: #1C86EE !important; }

La couleur bleue (#1C86EE) est modifiable à l'infini ; voir tables de conversions hexadécimales sur le Net...

Bonne journée

[gesor]

Par "barre larérale", correspond à "panneau latéral" qui est un synonyme.
Comme indiqué sur la copie jointe, je pensais être clair?

[gesor]

J'ai fait la manip= rien changé?

[Cucurbitacé]

Bonjour gesor,

Pourriez-vous expliquer quelle manip, afin que nous puissions suivre avec vous les étapes ?
Sur mon thunderbird, cela fonctionne sans aucun problème.

Dans ma première intervention le mot souligné et un lien hypertexte, il faut cliquer dessus.

Bien à vous.

[gesor]

Merci.
J'ai bien suivi les liens.
Donc, j'ai des favoris dans des dossiers à gauche sans le marque-pages (panneau latéral) comme photo jointe.
J'aimerai changer la couleur de ces dossiers (encadrés)?

[Cucurbitacé]

Bonjour,

De nouveau, chez moi cela fonctionne, je ne vois pas pourquoi chez vous cela ne fonctionnerait pas.

1° - Dans l'onglet vierge inscrire about:config
Dans rechercher : toolkit.legacyUserProfileCustomizations.stylesheets ; clic droit dessus passer la valeur à true.

2° - Dans le profil de votre Firfox créez un dossier « chrome ».

3°- Dans le dossier chrome créez un fichier userContent.css

À la rigueur je vous le donne, → téléchargez-le ← et dézippez-le

Bien à vous

[gesor]

Dabord je tiens à te remercier pour tes efforts, mais j'ai exécuté la manip, pareil, les infos:

[Freddy]

Bonjour,

Les erreurs possible d'après ce que je vois:

3°- Dans le dossier chrome créez un fichier userContent.css

Attention pas userContent.css mais userChrome.css

Ta capture ne permet pas de le voir, mais est-ce que le nom de l'extension de ce fichier est bien userChrome.css

Par contre tes captures me permettent de supposer aussi que tu n'est peut-être pas sous windows, mais peut-être mac, et si comme c'est le cas pour linux (ce qui ne semble pas être ton cas), il faut bien respecter la casse des noms et je vois que ton dossier "chrome" commence par une majuscule et c'est là qu'est peut-être le problème...

[Anonyme1]

Bonjour,
Il faut respecter les majuscules et les minuscules.
le dossier chrome avec un c minuscule, pas un C majuscule
Et pour info: Une erreur de frappe c'est glissé dans le message de Cucurbitacé du 27 mars 2021 22:39 ou il indique "créez un fichier userContent.css", il voulait bien sur parler du fichier userChrome.css.
Dans le dossier chrome il y a le fichier userChrome.css Attention certains peuvent avoir un fichier userChrome.css.txt

1°) Le premier code donner par Cucurbitacé. est pour changer la couleur des dossiers Marque-pages (favoris) dans la barre de menu

Code : Tout sélectionner

/** c’est la fonction : Marques pages **/

#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
:-moz-any(
#PlacesToolbarItems,
#PlacesChevronPopup,
#BMB_bookmarksPopup,
#bookmarksMenu) menu[container="true"] > .menu-iconic-left > .menu-iconic-icon {
  fill: #F09993 !important;
}

Lien de l'image: https://nsa40.casimages.com/img/2021/03 ... 318534.png
Qui donne ceci:

2°) Le deuxième code donner par Cucurbitacé. est pour changer la couleur des dossiers Marque-pages (favoris) du panneau latéral (favoris de la barre latérale)

Code : Tout sélectionner

/** c’est quand on affiche la fenêtre : Afficher tous les marques pages **/

:-moz-any(
#bookmarks-view, 
#editBMPanel_folderTree, 
#placesList, 
#placeContent) treechildren::-moz-tree-image(container), 
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem {
  fill: #e8bb00 !important;
}

Lien de l'image: https://nsa40.casimages.com/img/2021/03 ... 263855.png
Qui donne ceci:

3°) Le troisième code donner par Robert Mitchum est pour changer la couleur des dossiers Marque-pages (favoris) dans la barre de menu et des dossiers du panneau latéral (favoris de la barre latérale)

Code : Tout sélectionner

.bookmark-item[container], treechildren::-moz-tree-image(container)
{ fill: #1C86EE !important; }

Lien de l'image: https://nsa40.casimages.com/img/2021/03 ... 559907.png
Qui donne ceci:

Choisir un des trois code et un seul.
Il est possible de changer la couleur: Dans le code, il suffit de changer le #(chiffres et/ou lettres)
Voir les couleurs ici http://cloford.com/resources/colours/500col.htm
A+
Edit: Freddy est passé entre temps
Salut Freddy
Est t'il possible d'avoir une couleur pour chaque dossier dans la barre latérale
Oui, je sais tu vas avoir la carafe en bouillotte
A+

[Freddy]

Salut GlopGlop,

Est t'il possible d'avoir une couleur pour chaque dossier dans la barre latérale

pas à ma connaissance; mais elle doit être aussi grande qu'une flaque d'eau par rapport à l'océan...

[Cucurbitacé]

Par contre tes captures me permettent de supposer aussi que tu n'est peut-être pas sous windows, mais peut-être mac, et si comme c'est le cas pour linux (ce qui ne semble pas être ton cas), il faut bien respecter la casse des noms et je vois que ton dossier "chrome" commence par une majuscule et c'est là qu'est peut-être le problème...

Bonjour,

Je pense que gesor est sous Windows 10, car l’une de ces captures écran est noire et nous distinguons cela :

En haut

users ; AppData ; Roaming ....


En bas
icônes Windows.

Dabord je tiens à te remercier pour tes efforts, mais j'ai exécuté la manip, pareil, les infos:

Pourrions-nous voir ce qu’il y a dans votre dossier Chrome et voir le contenu du fichier userChrome.css
Pour nous mettre le contenu sur le forum utilisez l’icône code (</>) La 5e icône en partant du B


Bien à vous.

[gesor]

Merci de vous décarcasser!

Ce qui m'intéresse:


Ce que j'ai mis dans le dossier "chrome":
.bookmark-item[container], treechildren::-moz-tree-image(container)
{ fill: #BF3EFF !important; }

avec l'extension "userChrome.css"

Je n'ai changé que la couleur.
Mais après redémarrage du navigateur, rien n'a changé?

[Cucurbitacé]

Ce que j'ai mis dans le dossier "chrome":
.bookmark-item[container], treechildren::-moz-tree-image(container)
{ fill: #BF3EFF !important; }

Vous devez mettre tout cela, pas juste une ligne :

Code : Tout sélectionner

/** c’est quand on affiche la fenêtre : Afficher tous les marques pages **/

:-moz-any(
#bookmarks-view, 
#editBMPanel_folderTree, 
#placesList, 
#placeContent) treechildren::-moz-tree-image(container), 
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem {
  fill: #e8bb00 !important;
}