Anpassende Tableistenfarbe von Eason & Yue

Was macht die Erweiterung?

Diese Erweiterung passt das Theme von Firefox dynamisch an das Erscheinungsbild der von dir besuchten Website an, ähnlich wie die Tab-Leisten-Einfärbung in Safari auf macOS.

Funktioniert gut mit

• Dark Reader
• Stylus
• Dark Mode Website Switcher

Inkompatibel mit

• Adaptive Theme Creator
• Chameleon Dynamic Theme
• VivaldiFox
• Envify
• Jede andere Erweiterung, die das Firefox-Theme ändert

Entfernen des Schattens am unteren Rand der Werkzeugleiste

Um den dünnen Schatten zu entfernen, den der Webinhalt auf die Browser-Werkzeugleiste wirft, gehe zu Einstellungen (about:preferences) und deaktiviere „Sidebar anzeigen“ im Abschnitt „Browser-Layout“. Alternativ kannst du den folgenden Code zu deinem CSS-Theme hinzufügen:

#tabbrowser-tabbox {

box-shadow: none !important;

}

Aktivieren sanfter Farbübergänge

Aufgrund technischer Einschränkungen werden sanfte Farbübergänge der Tableiste nicht nativ unterstützt. Du kannst jedoch diesen Effekt aktivieren, indem du den folgenden Code zu deinem CSS-Theme hinzufügst (dank an @Moarram):

#navigator-toolbox, #TabsToolbar, #nav-bar, #PersonalToolbar, #sidebar-box, .tab-background, .urlbar-background, findbar {

transition:

background-color 0.5s cubic-bezier(0, 0, 0, 1), border-color 0.5s cubic-bezier(0, 0, 0, 1) !important;

}

Um sanfte Farbübergänge in der Sidebery-Benutzeroberfläche zu aktivieren, füge den folgenden Code zum Sidebery Style Editor hinzu (dank an @MaxHasBeenUsed):

.Sidebar, .bottom-space {

transition: background-color 0.5s cubic-bezier(0, 0, 0, 1) !important;

}

Kompatibilität mit Drittanbieter-CSS-Themes

Ein Drittanbieter-CSS-Theme funktioniert mit Anpassender Tableistenfarbe (ATBC), solange sie Firefoxs Standard-Farbvariablen verwenden (z. B. --lwt-accent-color für die Farbe der Tableiste). Hier ist ein Beispiel für ein ATBC-kompatibles CSS-Theme.

Titelleisten-Schaltflächen unter Linux mit GTK-Theme

Die Titelleisten-Schaltflächen von Firefox könnten auf den Windows-Stil zurückgesetzt werden. Um dies zu verhindern, öffne die „Erweiterten Einstellungen“ (about:config) und setze widget.gtk.non-native-titlebar-buttons.enabled auf false. (Dank an @anselstetter)

Sicherheitserinnerung

Achte auf bösartige Web-UIs. Es ist wichtig, zwischen der Browser-Benutzeroberfläche und der Web-Benutzeroberfläche zu unterscheiden. Für weitere Informationen siehe The Line of Death. (Dank an u/KazaHesto)

Gib diesem Projekt gerne einen Stern auf GitHub: https://github.com/easonwong-de/Adaptive-Tab-Bar-Colour