Différences

Ci-dessous, les différences entre deux révisions de la page.

--- firefox-personnalisation [2022/05/15 15:58] – manu
+++ firefox-personnalisation [2024/08/03 20:04] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
 ====== Personnalisation graphique de Firefox ======
-Firefox est très personnalisable, et j'en profite afin de donner la meilleure expérience utilisateur. Ce tutoriel est basé sur la version <key>93</key> de Firefox pour __ordinateur de bureau__.
+Firefox est très personnalisable, et j'en profite afin de donner la meilleure expérience utilisateur. Ce tutoriel est basé sur la version <key>128</key> de Firefox pour __ordinateur de bureau__.
 Voici Firefox avant ma personnalisation (Captures d'écran de Firefox v93 sous Linux Mint Mate 20.1) :
@@ Ligne 22: / Ligne 22: @@
 ==== Diminuer la taille des onglets ====
+Depuis la version 89 la barre des onglets a grossit et il n’y a plus que deux densités de disponibles : la densité normale et la densité tactile, la densité compacte a disparu.
-Depuis la version 89 la barre des onglets a grossit et les onglets deviennent « flottants ». Certaines personnes n'aiment pas (ça prend trop d'espace à l'écran) ou c'est moins visible qu'avant, voici donc <del>deux</del> une (il n'y en a plus qu'une de fonctionnelle depuis) proposition pour ajuster ça.
-Cette solution permet de réduire la taille des onglets et de la barre supérieure, en passant en mode « compact ». Malheureusement, l'option « compact » a disparu elle aussi de l'interface graphique, et n'est disponible que dans les paramètres avancés…
-J'ai écrit un article de blog au sujet de cette nouvelle interface, baptisée « Proton » : https://saimyx.fr/blog/2021/06/02/firefox-proton.html
 Il faut aller dans la page ''about:config'' (voici une explication du fonctionnement de cette page de configuration avancée (FIXME) et mettre la clé ''browser.uidensity'' à la valeur **1** pour que la barre de titre retrouve sa taille d'avant et que les onglets diminuent de taille. Vous gardez les nouvelles icônes, couleurs et formes de la nouvelle interface. Voici le résultat :
@@ Ligne 39: / Ligne 36: @@
 ^ Configuration voulue ^ Manipulation à faire ^ Clé ^
 |Changer le type de soulignement|**Créer** la clé de type ''nombre''. Je l'ai mise à **1** personnellement.|''ui.SpellCheckerUnderlineStyle''|
-|//Remettre le cadenas 🔒 de l'HTTPS en vert (DELETE option désactivée)//|//Passer la clé à **false**//|''//security.secure_connection_icon_color_gray//''|
+|Activer la personnalisation CSS|Passer la clé à **true**|''toolkit.legacyUserProfileCustomizations.stylesheets''|
+==== Modifier Firefox en CSS ====
+Firefox est le meilleur navigateur Web notamment parce qu'on peut personnaliser son interface en CSS ❤
+Pour ça, il faut créer un fichier ''userChrome.css'' dans le répertoire ''chrome'' placé à la racine du répertoire de votre //profil// actuel et activer une clé (chapitre précédent).
+=== Remettre le cadenas 🔒 de l'HTTPS en vert ===
+//Pas hyper utile en tout cas//
+<code>
+/* Ajoute la couleur verte au cadenas sur la version de Firefox 100 */
+#identity-icon {
+    fill: #00ff00 !important;
+}
+</code>
 J'ai trouvé certaines astuces ici :
-  * //https://zarchbox.fr/post/2019-11-05-restaurer-la-couleur-du-cadenas-dans-firefox (ne fonctionne plus)//
+  * https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/
 ===== Autres pages sur Firefox sur ce wiki =====