Mettre couleurs dossiers barre personnelle [Résolu]

[Freddy]

Bonjour,

Je pense en effet que le problème peut être résolu par les 2 solutions donnés par GlopGlop, mais je m'incruste plutôt par rapport à quelques précisions concernant le code: en soit il fonctionne bien, y a rien de grave, c'est juste histoire d'être plus précis pour le cas où certain aurai un userchrome plus complet/détaillé.
par exemple pour le cas où l'utilisateur à un dossier "BANQUES" mais aussi un simple marque-page avec le même nom (et la même casse) et bien les deux seront modifié par le code css.
Du coup pour être plus précis dans la description des sélecteurs, au lieu de

.bookmark-item[label="BANQUES"],
[container="true"][label="BANQUES"] menu > label (ne sert à rien car le premier sélecteur accompli déjà la tâche)
{
background: #ef2929 !important;
}

il vaut mieux prendre

Code : Tout sélectionner

[container="true"][label="BANQUES"] { 
  background: #7fffd4 !important; 
}

et pour la couleur de fond, si certain ont une customisation plus évolué, mieux vaut préciser

background-color

Ce qui revient pour résumer à

Code : Tout sélectionner

[container="true"][label="BANQUES"] {
  background-color: #7fffd4 !important; 
}

Bon c'est quelque part du chipotage mais parfois...
Et sinon pour rester dans le chipotage esthétique cette fois, si on veut retrouver l'effet d'apparence au survol-souris (ou tout autre déguisement)

Code : Tout sélectionner

[container="true"]:hover { 
  background-color: var(--toolbarbutton-hover-background) !important;
}

Donc en tout ça donnerait ce code

Code : Tout sélectionner

/*==== dossier "BANQUES" ====*/
[container="true"][label="BANQUES"] {
  background-color: #ef2929 !important; 
}

/*==== dossier "GOUV." ====*/
[container="true"][label="GOUV."] {
  background-color: #73d216 !important; 
} 

 /*==== dossier "FORUMS" ====*/
[container="true"][label="FORUMS"] {
  background-color: #fce94f !important; 
}

 /*==== dossier "MEDIA" ====*/
[container="true"][label="MEDIA"] {
  background-color: #7fffd4 !important; 
}

 /*==== dossier "@ NET" ====*/
[container="true"][label="@ NET"] {
  background-color: #ef2929 !important; 
}

 /*****couleur fond au survol-souris*****/
[container="true"]:hover { 
  background-color: var(--toolbarbutton-hover-background) !important;
}

Et sinon j'ai pas bien saisi à propos de

Le code testé et fonctionnel chez moi. (mais pas dans la descente de la barre perso.. Comme la majorité des codes du genre..)

ps: pendant que je saisissais mon message, je viens de voir les dernières nouvelles et effectivement

Salut

Il semble y avoir un espace entre "@" et "NET" sur le dossier !.. Il y en a pas dans le code.
Et un "." (point) au bout de GOUV sur le dossier, est-ce qu'il est aussi dans le code ?

il faut respecter pile-poil le nom et la casse.

[Lo Capestanot]

Bien vu pour l'espace et le .
Quel œil de maître !
En image : https://www.cjoint.com/c/HKqroxoHDqR
Merci beaucoup à tous les deux.
Bonne soirée à vous.

[Bob49]

Et sinon j'ai pas bien saisi à propos de

Le code testé et fonctionnel chez moi. (mais pas dans la descente de la barre perso.. Comme la majorité des codes du genre..)

J'appelle la descente de la barre perso, ce qui descend à l'extrême droite quand la barre est remplie plus que la longueur de la fenêtre... Oui, ma barre perso est même plus longue à descende que sur son horizontale...

[Freddy]

Ok, chez moi ça se résout en ajoutant -moz-appearance: none !important;, soit

Code : Tout sélectionner

[container="true"][label="Dossier"] 
{ -moz-appearance: none !important;
  background-color: #7fffd4 !important; 
}

[Anonyme1]

Bonjour,
merci Freddy, pour les quelques précisions concernant le code.
Le pire est que je n'y connais rien en CSS, j'ai trouvé ce code sur le forum, puis, modifier en suppriment des lignes par tâtonnement.
je veux bien prendre des cours de CSS
A+