Als u een ontwikkelaar bent, kunt u de volgende JavaScript -haken gebruiken om de donkere modus gemakkelijk te bedienen.
- Om de donkere modus te activeren, voert u deze methode uit met behulp van JavaScript (werkt ook op console): Wpdarkmode.activate ()
- Om de donkere modus te deactiveren: gebruik: WPDarkMode.DeActivate ()
- Om te controleren of momenteel een donkere modus actief is of niet, gebruikt u deze getter -eigenschap: Wpdarkmode.isactive
- Voer deze getter -eigenschap uit om de systeemvoorkeur van de gebruiker te detecteren: Wpdarkmode.isdevedark
- Pas eenvoudig de volgende regel toe om CSS -overschrijvingen op specifieke elementen te voorkomen: .wp-Dark-mode-ontignore
- We hebben ook gebeurtenisluisteraars voor de donkere modus en afzonderlijk voor donkere modusschakelaars. Als u iets wilt doen dat wordt geautomatiseerd wanneer de donkere modus wordt gewijzigd: Wpdarkmode.onchange ((() => {// Uw geautomatiseerde taak})
Hallo,
De plug -in is echt geweldig, omdat deze de functie van een donkere modus echt snel oplost.
Desalniettemin is het een beetje nutteloos voor ontwikkelaars, omdat er geen mogelijkheid is om de CSS -regels van de plug -in te stoppen. Dit leidt tot effecten, waarbij knoppen zwart worden in zwart op zwarte achtergrond-een super no-go voor UX. Er zou een algemene CSS -klasse moeten zijn die we kunnen gebruiken, zodat de plug -in deze elementen niet overschrijft.
En nee, ik betaal niet 180 $ per site voor het hebben van een donkere modus met een stopcss -klasse. Als ontwikkelaar heb ik niet alle andere dingen nodig.
Beste, januari
Hallo Jan,
Wij waarderen uw feedback. Pas eenvoudig de volgende regel toe om CSS -overschrijvingen op specifieke elementen te voorkomen:
.wp-Dark-mode-ontignore
Dit stopt met het opheffen van CSS -regels voor elementen. Laat het ons weten als u hulp nodig hebt.