Reprise du message précédent :
Firefox 91.0.1
 
Release Notes

 
Merci, je prends note, je vais en avoir besoin d'ici un mois ou deux, quand l'ESR passera sur la nouvelle interface

Avec l'astuce du fichier CSS les principaux défauts de firefox 91 disparaissent,
 
il reste toutefois le problème des onglets, quand on a beaucoup d'onglets ouverts il est difficile du premier coup de savoir où se trouve l'onglet actif, les auteurs de firefox n'ont toujours pas eu l'idée de coloriser l'onglet actif.

A force de customiser vos CSS vous semblez perdre de vue des trucs.
 
Par défaut sans customisation, c'est colorisé et très visible.
 

 
Si ça ne l'est plus, c'est que tu l'as cassé dans le CSS..

Il y a un moyen simple de demander à Firefox de respecter l'"accent color" de W10 ? C'est assez pénible ces programmes qui ne s'intègrent pas proprement à Windows

Comment ça se fait que tes onglets ont un fond rosé ?

En temps normal les onglets ont tous un fond gris, je viens de faire le test en supprimant le fichier CSS, ça donne ceci sous linux, l'onglet actif est peu visible :

Quand il y a 40 onglets les onglets sont tous petits, et comme l'onglet actif n'a pas une couleur distincte alors il est noyé dans la masse, il y a juste une fine bordure pour aider à le voir, ce qui est insuffisant comme indice, le mieux aurait été une couleur de fond distincte, beaucoup plus foncé, ou un liseret de couleur vert ou rouge.

 
au hasard : c'est un thème
 
 
 

C'est l'un des quatre choix proposé par défaut au lancement
 

(du coup je le considère comme affichage/comportement normal et pas du tout custom, sans quoi je ne ferai pas mes captures d'écrans avec).
 
 

 
 
Sous windows, même le "système" (je suppose que c'est celui que tu utilises) montre un bon contraste.
 

En tout cas sous archlinux (avec kde/plasma et le thème oxygen) ce n'est pas du tout le même contraste, si tu regardes ma capture d'écran l'onglet actif est très peu différencié des autres onglets.
On touche à l'un des inconvénients du flat design : le manque de relief, au lieu de faire un véritable onglet (avec les bords qui ressortent bien, de préférence arrondis et en relief, et un espacement entre onglets) on a un onglet actif pratiquement plat, ça ne ressort pas assez à l’œil.
 
Idéalement un onglet actif devrait ressembler à ça, comme dans un vrai classeur d'écolier avec les intercalaires, là on est sûr de ne pas le louper quand on a plus d'une dizaine d'onglets ouverts :
 

 

@Elbarto, ça donne quoi avec ce thème ? https://addons.mozilla.org/fr/firef [...] or-proton/

Ça c'est ta conception du truc.... Pas une vérité absolue.
Perso mon onglet actif à un fond blanc et une barre bleu en longueur sur le dessus, , les autres ont un fond gris ; c'est parfait pour moi

@leroimerlin : tu utilises quelle version de firefox ?
On dirait que tu utilises une version ESR.

Sur la dernière version il n'y a pas de barre bleue sur l'onglet actif, et les délimitations entre onglets ont disparu,
c'est vraiment anti-ergonomique ces choix absurdes.

je préfère éviter d'installer, pas trop confiance.

Par contre je suis preneur de règles CSS pour retrouver des onglets un peu plus ergonomiques.
Et idéalement les mettre dans le premier message du topic car la question risque d'être reposée, avec celle sur la hauteur trop grande des onglets.

C'est moi l'auteur si ça peut te rassurer, mais même sans ça, je ne vois pas en quoi un thème signé et distribué par Mozilla serait dangereux !
Ce thème offre une différentiation de l'onglet actif, et si ça ne te plait pas, tu peux le désinstaller un un clic, il n'y a absolument aucun risque à essayer.

Pour le code CSS, il n'y a pas qu'une seule façon de faire, il n'y a que toi qui sais ce que tu entends par "des onglets un peu plus ergonomiques".
On assemble notre code selon nos gouts, on teste, on essaye, donc à toi de piocher dans les liens qui sont déjà passés ici, j'en ai donné plusieurs, ainsi que des exemples de code.

Oui, c’est le thème « Alpenglow », qui est fourni par défaut dans Firefox depuis la première version Quantum, ou pas longtemps après… (EDIT : Firefox 81, en fait)
 

Non : il a usé et abusé de codes CSS pour se faire une interface sur mesure (avec un résultat certes fonctionnel, mais visuellement… Bref, si t’as pas vu, n’en sois pas malheureux).
 

Comme tout fichier XPI, c’est une archive ZIP qui contient notamment un fichier Manifest.json, lequel contient ceci :
 

Bref, rien de vraiment dangereux. Surtout que ce qui est sur le site de Mozilla est quand même réputé être sûr, au moins un minimum.
 

Voilà.

J'ai donc sauté le pas : c'est intéressant, l'onglet actif est cette fois très bien mis en évidence,

par contre je trouve que le choix du noir pour les onglets inactifs dénote trop par rapport au reste de l'interface, un trop gros contraste le noir par rapport aux autres couleurs de l'interface, mon œil ne voit plus que ça du coup  
L'objectif ici est de faire ressortir l'onglet actif, pas les inactifs

J'aimerai plutôt un gris foncé pour les onglets inactifs (ou mettre en noir que l'onglet actif), c'est pour ça que j'aurai préféré des règles CSS pour personnaliser les couleurs.

Ce thème a pour but de répliquer le comportement du thème "système" sous Windows de l'ère Quantum/Photon.
Même si ça ne te plait pas au moins tu as essayé.

Je ne sais pas pourquoi tu tiens absolument à utiliser le userchrome pour changer les couleurs, alors qu'il y a une extension qui permet de créer tes propres thèmes (et même de les publier ensuite, c'est comme ça que j'ai créé le mien): Firefox Color.

Amuses-toi bien.

Merci, je vais donc tester ça

Ceci dit je crains que la meilleure solution à moyen terme serait de changer de navigateur si les développeurs de firefox continuent dans ce mauvais chemin,

pour l'instant il n'y a pas encore de concurrent qui coche toutes les cases :

- open source
- personnalisable (extensions, thèmes)
- performant (architecture modulaire, utilisation d'un moteur internet qui a pignon sur rue, respectant tous les standards du web)
- interface ergonomique avec des choix cohérents par défaut (difficile de plaire à tout le monde en terme de GUI, mais il y a des règles de base en ergonomie)
- sécurisé
- respect de la vie privée
- non lié aux GAFA
- bon SAV avec prise en compte des suggestions des utilisateurs
- un versionnage X.Y.Z cohérent comme au bon vieux temps, pour éviter les numéros de version de type "firefox 110", le système X.Y.Z de nommage de version permet de mieux refléter la version d'un logiciel en incrémentant que la partie appropriée (si peu de nouveautés dans la version alors on incrémente que la partie Y ou Z du numéro, si énorme avancée, gros changement structurel alors on incrémente X)

En backup j'utilise chromium mais c'est pas folichon.

Malgré ses défauts et les mauvais choix de Mozilla, Firefox reste le navigateur le plus personnalisable, et de loin.

Il ne me semble pas que l'on puisse modifier l'interface d'un autre navigateur comme il est possible de le faire avec le CSS avec Firefox et ses dérivés.

En backup, je te recommande ungoogled-chromium, qui est entièrement "dégooglé" comme son nom l'indique. J'ai aussi entendu du bien de Vivaldi point de vue personnalisation.

 
Tu peux essayer ça avec l'onglet inactif en gris foncé (après, tu joues avec la couleur plus ou moins foncée) :
 
 /***---- Changing the color of an inactive tab---- ***/
 
:root
 
.tab-background:not([selected]){
 
background-color: #676769 ! important;
 
}
 
 
Voilà à part, l'onglet actif :  (en noir)
 
/***---- Change the color of selected tab---- ***/
 
.tab-background[selected="true"] {
    background-attachment: none !important;
    background-color: #000000 !important;
    background-image: none !important;
     
}
 
 
Eventuellement, pour mieux faire ressortir l'onglet actif, tu peux mettre le texte en bold :
 
/***----Selected tab/text bold----***/
 
.tabbrowser-tab .tab-label[selected="true"] {
font-weight: bold !important;
}

Sous Windows, l’arrière-plan de la barre d’onglets était bleu foncé (couleur proche de #A00033), pas noir.
 

J’en connais un, même s’il faut nuancer la première ligne puisque son interface est propriétaire (mais modifiable via CSS si on veut, c’est permis et même encouragé).
 

En tant qu’héritier de feu Opera Presto, c’est tellement dans son ADN que c’est même ce qui est proposé dès le premier lancement, la personnalisation du navigateur !

 
Oui c’est vrai, mais je trouve que c’est plus joli en noir
 

 
Il faudrait que je l'essaye à nouveau, mais lors de mon premier essai, je n'avais pas du tout aimé l'interface, et je le trouvais moins performant que les autres chromium.

Merci !

pour info j'ai choisi la couleur saumon pour l'onglet actif :

Une page pour aider à choisir la couleur :
https://htmlcolorcodes.com/fr/

C’était quand ? Parce qu’ils ont quand même fait de gros efforts sur la performance pour la version 3.7 (et on est à la 4.1).

Je viens de le réinstaller, et c’est vrai que le niveau de personnalisation est très bon, il est par exemple super simple d'éditer ou de rajouter un moteur de recherche, chose devenue très compliquée avec Firefox, et ce sans aucune bonne raison...
 

 
 Pour ajouter un moteur de recherche à Firefox, il faut installer Add Search Engine from Mycroft Project :
 
 https://addons.mozilla.org/fr/firef [...] m-mycroft/
 
Tu peux ensuite ajouter autant de moteurs que souhaité.
 
Perso, je l'ai installé puis désactivé. Je le réactive si besoin.

Pour l'ajout, c'est juste un clic droit sur la barre d'url/recherche, non ?

Je connais Mycroft depuis longtemps, mais tu compares des pommes et des oranges là, et au passage, ton extension n’est plus nécessaire, c'est marqué sur ton lien:

 
 
Mycroft, bien que très pratique, n'est pas exhaustif, loin de là: comment fais-tu si le site n'est pas listé sur Mycroft ?
 
Et puis lorsqu'un site change son URL ou ses paramètres de recherche, impossible de l'éditer toi-même depuis Firefox, alors que là aussi c’est possible depuis Vivaldi ou ungoogled chromium, et sans passer par un service tiers.
 

 
 
Auparavant il était possible d'éditer les moteurs de recherches avec Firefox, puisque c'était des fichiers XML, c'était peu pratique mais ça restait faisable, aujourd’hui c'est du mozlz4 (le fichier s'appelle search.json.mozlz4 pour les curieux), un format à la con pas facile du tout à éditer, merci Mozilla, encore un choix merdique qui s'ajoute à la longue liste des choix merdiques, qui vont à l'encontre de l’utilisateur.
 
Cela me fait réaliser combien la politique de Mozilla a évolué (en mal) au fil des années: au départ le moto était clairement "empowering the user", et ça se voyait, c'est ainsi que Firefox est devenu le chouchou des power users justement,.
Hélas, Mozilla a perdu l'identité de Firefox en cours de route, notamment en essayant en vain de courir après Chrome...Il y a certes des bonnes idées et évolutions, mais combien d'idées mauvaises par la même occasion ?
 
Ne parlons que de la dernière grosse évolution: le changement d'UI: est-ce que ça a attiré de nouveaux utilisateurs ? peu probable ? est-ce que ça en a fait fuir certains ? très probable.  
Mais surtout: était-ce nécessaire ? en quoi l'UI précédente (Photon) ne convenait plus ?
Autant Australis était décrié (mais à l'époque un coup de Classic Theme Restorer et le problème était réglé), autant Photon semblait assez unanimement apprécié, en tout-cas on n'a pas entendu les même plaintes qu'avec Proton qui est majoritairement détesté, surtout pour la parte de place que cette UI engendre, surtout que ça s'accompagne encore une fois de la disparition du choix, alors qu'il aurait suffi de conserver un mode compact pour satisfaire une grande partie des mécontents...mais non, Mozilla l'a supprimé (je sais que c'est réactivable via about: config, mais ce n'est pas un vrai mode compact, et si on commence à bidouiller, autant éditer le css et se faire sa propre UI).
 

Non ça n'est absolument pas universel, il faut que le site l’ai implémenté.
Essaye sur ygg par exemple.

pour ajouter n'importe quel moteur de recherche, tu peux meme faire une requete POST
 
https://addons.mozilla.org/fr/firef [...] rch-engine

Pas mal, c'est l'équivalent de ready.to/search sous forme d’une extension (et ça devrait être natif à Firefox...).

Oui, j'en ai aussi entendu pas mal de bien, bon il repose sur Chromium, mais à tester

non non je ne suis pas en version ESR.

Pour la barre bleue sur l'onglet actif, c'est un bout de code CSS :

Pour changer la couleur de l'onglet actif :

Pour la couleur du texte de l'onglet actif :
(avec réglage de marge et taille des caractères)

Pour la couleur de l'onglet au passage de la souris :

Pour la séparation des onglets :

Tous ces codes sont adaptés à mon pc en 13 pouces FHD et au reste de mon code CSS, le résultat ne sera peut être, voire certainement, pas le même sur d'autres dimensions / résolutions d'écrans.
Mais c'est adaptable facilement

Chez moi, ça donne ceci :

On aime ou pas mais merci à certains (Trit...) de s'abstenir sur les gouts des autres....
le but est de customiser l'interface, pas de suivre le gout des autres questions couleurs / thème pour leur faire plaisir.

 
Il serait temps de grandir un peu et de respecter les gouts des autres...
 
Excuse moi si mon thème de firefox est sobre et si je n'ai pas de thème dans le style manga comme toi.  
Excuse moi aussi si je n'ai pas de posters de mangas dans ma chambre comme toi....  
On devrait tous faire comme toi, avoir les mêmes gouts, et passer notre vie dans les mangas avec un thème firefox qui va avec. Toi seul connait la vérité en matière de design et d'ergonomie, nous autres nous sommes tous des ignorants rétrogrades...
 
salutations (ou pas)

J'aime bien le look de tes onglets, mais ce qui me choque c'est qu'ils soient sous la barre d'adresses, c'est une aberration ergonomique: ça oblige à viser en hauteur, alors que si l'onglet est l'élément le plus haut ce problème disparait, et ce n'est pas non-plus logique du point de vie hiérarchique: l'adresse fait partie de l'onglet.  Après chacun fait comme il veut.
 
À noter que Vivaldi permet de placer les onglets sur le coin de son choix.
 

Je suis d'accord mais :

En haut à droite, j'ai une barre networx. À cet endroit, elle ne me gêne pas, ni sur Firefox ni ailleurs.
Si je mets les onglets en haut, la barre networx se retrouve sur un onglet.

Question ergonomie, j'ai une gesture pour changer d'onglet rapidement de gauche à droite ou l'inverse.

Pour ceux qui voudraient un Proton plus compact, mais sans changer le look, j'ai ce qu'il vous faut, un petit bout de code css:

J'ai ajouté des commentaires (en anglais) sur chaque ligne de code pour bien comprendre l'action de chacune des lignes.
Pour commenter une ligne dans du code css : /*tout ce qui se trouvera entre ces caractères sera ignoré*/

Vous pouvez changer les valeurs à votre guise, comme la hauteur des onglets, de la barre de navigation, ou le padding (l'espace interligne) des différents menus (vous pouvez essayer 0.1em ou même 0.05em, ou au contraire 0.3em, etc...)

Exemples:

Hauteur d'onglets de 32 pixels, marges haute et basse de 1 pixel, barre de navigation de 26 pixels (ce que donne le code si copié tel-quel):

Hauteur d'onglets de 28px, marges haute et basse inchangées, barre de navigation inchangée:

Proton par défaut:

Détail sur l'onglet actif + navbar:

Détail sur l'onglet seul:

Menu contextuel Proton par défaut, et avec un espacement de 0.2em (réglage du code par défaut):

faut aller où pour modifier le css?  

C'est expliqué sur la FP, mais voici :

1. Se rendre dans le dossier de profil. La page about:support permet de s'y rendre au besoin.

2. Créer un dossier nommé chrome dans le dossier de profil.

3. À l'intérieur du dossier chrome, créer un fichier texte nommé userChrome.css (l'extension doit être .css et non .txt). C'est lui qui contiendra le code CSS.

4. Et enfin, pour que Firefox lise le fichier css, il faut passer cette valeur a true dans about:config
toolkit.legacyUserProfileCustomizations.stylesheets

Edit: ici il y a un tuto super détaillé et français pour ceux qui auraient du mal:
https://azurplus.fr/comment-personn [...] hrome-css/

Très sympa tout ça, je vais m'y mettre un de ces quatre, sur une version portable et puis je déploierais le CSS sur les installations

Tu peux aussi créer autant de profil que tu le souhaites sur une version installée, c'est aussi expliqué en FP.

Avec la 92.0 (pour Windows), ils ont changé des choses pour la barre des favoris et c'est mieux.
 
On peut lire ça dans le changelog de la version beta :
 
"The bookmark toolbar menus now follow Firefox visual styles."
https://www.mozilla.org/en-US/firef [...] easenotes/