Retrouver l'aspect de l'ancienne barre d'onglet et menu [Résolu]

[ja66]

Bonjour,
ce 11/09 une maj (version 92) a nouveau change l'aspect de la barre Menu et des onglets. Si j'avais réussi lors de la précédente maj (91.0.2) a corriger cela en allant corriger « browse proton… », ici cela ne marche pas.
Un article (en anglais)gentiment donné par un internaute :
https://www.dedoimedo.com/computers/fir ... roton.html
https://azurplus.fr/comment-personnalis ... hrome-css/

, m’a permis de corriger en parti cette peu visible barre des onglets (et des menus si on l’affiche) et j'ai pu arriver a cela:



Mes onglets sont séparés mais je voudrais retrouver mon ancien aspect = fond noir avec lettres blanches



Si quelqu'un a une ligne de code a incorporer au fichier userChrome.css donnant l'aspect requis, je suis preneur
Merci

[Anonyme1]

Bonjour,
Deux codes css trouver sur le net:

Le premier code:

Code : Tout sélectionner

/* Use color and shape to make the tabs look more like tabs */
.tab-background {
    background: #343765;
    border-radius: 6px 6px 0 0 !important;
    margin-bottom: 0px !important;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.1) !important;
    border: 2px solid  !important;
    border-bottom-width: 0px !important;
}

/* Selected tabs I want a bright background with a dark foreground */
.tabbrowser-tab[selected] .tab-background {
    background: darkmagenta  !important;
}
.tabbrowser-tab[selected] .tab-label {
    color: white !important;
    font-weight: bold !important;
}
.titlebar-color {
  color: white;
  background-color: #343765;
}

Ce qui donne ceci.
↓
Lien de l'image: https://i.postimg.cc/s23YxjSS/1.png



Le deuxième code:

Code : Tout sélectionner

/* couleur barre d'onglet et menu */
.titlebar-color {
  color: white;
  background-color: #252741;
}
.tab-background {
  border-radius: 0px 0px !important;
  margin-bottom: 0px !important;
}
.tabbrowser-tab:not([selected="true"]):not([multiselected="true"]) .tab-background {
  background-color: #252741;
}
.menupopup > menu, menupopup > menuitem {
  padding-block: 2px !important; 
}
:root {
  --arrowpanel-menuitem-padding: 2px !important;
}

/* Bordure droite et gauche des onglets */
#tabbrowser-tabs .tabbrowser-tab {
border-left-width: 1px !important;
border-left-style: outset;
border-right-width: 1px !important;
border-right-style: outset;
}

Ce qui donne ceci.
↓
Lien de l'image: https://i.postimg.cc/nhdQTvgR/2.png

A+

[ja66]

Bonjour,
je désespérais d'avoir une solution, aussi je m'étais résigné a contacter l'auteur de l'article qui m'avais permis ma première correction.
Je vous remercie beaucoup pour vos solutions que je vais mettre en œuvre dans la matinée.
Je vous tiens au courant.

[ja66]

Excellent,un grand merci

N'y a t'il pas une case a cocher pour marquer "Résolu" ? je ne vois rien

[Anonyme1]

Bonjour,

N'y a t'il pas une case a cocher pour marquer "Résolu" ? je ne vois rien

Peut être un problème de z'yeux
Regarde ma signature, l'explication est dedans: ou clique sur ce lien → Mettre en [Résolu]
A+