WhiteSur firefox theme

Thème Firefox Safari

Un thème MacOSX Safari pour Firefox 80+

Il s'agit d'un tas de code CSS permettant à Firefox de se rapprocher du thème MacOSX Safari.

Basé sur https://github.com/rafaelmardojai/firefox-gnome-theme

Installation

Exécutez les commandes suivantes dans le terminal :

./install.sh

Utilisation : ./install.sh [OPTIONS...]

  -m, --monterey
   Install 'Monterey' theme for Firefox and connect it to the current Firefox profiles

  -a, --alt
   Install 'Monterey' theme alt version for Firefox and connect it to the current Firefox profiles

  -A, --adaptive
   Install Firefox adaptive color version...

  -e, --edit
   Edit 'WhiteSur' theme for Firefox settings and also connect the theme to the current Firefox profiles

  -r, --remove, --revert
   Remove themes, do the opposite things of install and connect

  -h, --help
   Show this help

si vous souhaitez modifier le style alors :

Exécutez ./install.sh -e

si vous souhaitez utiliser le style Monterey alors :

Exécutez ./install.sh -m

si vous souhaitez utiliser le style alt Monterey alors :

Exécutez ./install.sh -a

Version MacOS et Windows

AdamXweb - WhiteSurFirefoxThemeMacOS : https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS

Installation manuelle

1. Accédez à about:support dans Firefox.
2. Bases de l'application > Répertoire de profils > Open Directory.
3. Copiez le dossier chrome , le dossier de configuration Firefox.
4. Si vous utilisez Firefox 69+ :
   1. Accédez à about:config dans Firefox.
   2. Recherchez toolkit.legacyUserProfileCustomizations.stylesheets et définissez-le sur true .
5. Redémarrez Firefox.
6. Ouvrez le panneau de personnalisation de Firefox et :
   1. Utilisez l'option de la barre de titre pour basculer CSD si elle n'est pas définie par défaut.
   2. Déplacez le bouton du nouvel onglet vers la barre d'en-tête.
   3. Sélectionnez des variantes claires ou sombres sur le sélecteur de thème.
7. Soyez satisfait de votre nouveau Firefox gnome.

Activation des fonctionnalités facultatives

Ouvrez userChrome.css avec un éditeur de texte et suivez les instructions pour activer des fonctionnalités supplémentaires. Gardez à l'esprit que ce fichier peut changer dans les versions futures et que votre configuration sera perdue. Vous pouvez copier les @imports que vous souhaitez activer dans un nouveau fichier nommé customChrome directement dans votre répertoire chrome si vous souhaitez qu'il survive aux mises à jour. N'oubliez pas que toutes les @imports doivent être en haut du fichier, avant les autres instructions.

Bogues connus

Les CSD ont des angles vifs

Voir bug en amont.

Correction de Wayland :

1. Accédez à la page about:config
2. Recherchez la préférence layers.acceleration.force-enabled et définissez-la sur true.
3. Maintenant, redémarrez Firefox, et ça devrait bien paraître !

Correction X11 :

1. Accédez à la page about:config
2. Tapez mozilla.widget.use-argb-visuals
3. Définissez-le comme boolean et cliquez sur le bouton Ajouter
4. Maintenant, redémarrez Firefox, et ça devrait bien paraître !

Développement

Si vous voulez modifier les styles et changer quelque chose, ces éléments pourraient vous être utiles.

Pour utiliser l'inspecteur pour déboguer l'interface utilisateur, ouvrez les outils de développement (F12) sur n'importe quelle page, accédez aux options, cochez les deux :

• Activer le chrome du navigateur et les boîtes à outils de débogage des modules complémentaires
• Activer le débogage à distance

Vous pouvez maintenant fermer ces outils et appuyer sur Ctrl+Alt+Maj+I pour inspecter l'interface utilisateur du navigateur.