Firefox Safari-Theme

Ein MacOSX Safari-Theme für Firefox 80+

Dabei handelt es sich um eine Reihe von CSS-Codes, um Firefox dem MacOSX-Safari-Design näher zu bringen.

Basierend auf https://github.com/rafaelmardojai/firefox-gnome-theme

Installation

Führen Sie die folgenden Befehle im Terminal aus:

./install.sh

Verwendung: ./install.sh [OPTIONEN...]

  -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

Wenn Sie den Stil bearbeiten möchten, gehen Sie wie folgt vor:

Führen Sie ./install.sh -e aus

Wenn Sie Monterey -Stil verwenden möchten, dann:

Führen Sie ./install.sh -m aus

Wenn Sie Monterey alt -Stil verwenden möchten, dann:

Führen Sie ./install.sh -a aus

MacOS- und Windows-Version

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

Manuelle Installation

Gehen Sie zu about:support in Firefox.
Anwendungsgrundlagen > Profilverzeichnis > Verzeichnis öffnen.
Kopieren Sie chrome -Ordner und den Firefox-Konfigurationsordner.
Wenn Sie Firefox 69+ verwenden:
1. Gehen Sie in Firefox zu about:config .
2. Suchen Sie nach toolkit.legacyUserProfileCustomizations.stylesheets und legen Sie den Wert auf true fest.
Starten Sie Firefox neu.
Öffnen Sie das Firefox-Anpassungsfenster und:
1. Verwenden Sie die Titelleistenoption , um CSD umzuschalten, wenn dies nicht standardmäßig festgelegt ist.
2. Verschieben Sie die Schaltfläche „Neuer Tab“ in die Kopfzeile.
3. Wählen Sie im Theme-Switcher helle oder dunkle Varianten aus.
Seien Sie glücklich mit Ihrem neuen Gnomen-Firefox.

Aktivieren optionaler Funktionen

Öffnen Sie userChrome.css mit einem Texteditor und befolgen Sie die Anweisungen, um zusätzliche Funktionen zu aktivieren. Beachten Sie, dass sich diese Datei in zukünftigen Versionen ändern kann und Ihre Konfiguration verloren geht. Sie können die @imports, die Sie aktivieren möchten, in eine neue Datei mit dem Namen customChrome direkt in Ihrem chrome -Verzeichnis kopieren, wenn Sie möchten, dass sie Aktualisierungen übersteht. Denken Sie daran, dass alle @imports am Anfang der Datei stehen müssen, vor anderen Anweisungen.

Bekannte Fehler

CSD hat scharfe Ecken

Siehe Upstream-Fehler.

Wayland-Fix:

Gehen Sie zur Seite about:config
Suchen Sie nach der Einstellung layers.acceleration.force-enabled und setzen Sie sie auf „true“.
Starten Sie nun Firefox neu und es sollte gut aussehen!

X11-Fix:

Gehen Sie zur Seite about:config
Geben Sie mozilla.widget.use-argb-visuals ein
Legen Sie es als boolean fest und klicken Sie auf die Schaltfläche „Hinzufügen“.
Starten Sie nun Firefox neu und es sollte gut aussehen!

Entwicklung

Wenn Sie mit den Stilen experimentieren und etwas ändern möchten, könnten diese Dinge für Sie nützlich sein.

Um den Inspektor zum Debuggen der Benutzeroberfläche zu verwenden, öffnen Sie die Entwicklertools (F12) auf einer beliebigen Seite, gehen Sie zu den Optionen und aktivieren Sie beide: