Erweiterung zum Manager hinzufügen - Dark Mode für das Backend

Hallo zusammen,

ich habe gerade meine erste öffentliche Erweiterung erstellt und diese auf GibHub und bei packagist.org freigegeben. Bis jetzt wird sie noch nicht im Contao Manager angezeigt.

Muss ich den Manager noch irgendwie darauf aufmerksam machen, dass es die Erweiterung gibt? Oder dauert es einfach ein bisschen, bis der Manager die Erweiterungen aus packagist.org einliest?


https://packagist.org/packages/heims...backend-bundle


Vielen Dank!

Das kann schon einen Moment dauern.
LG Marko
PS: cool. Hast du die Extension mit dem bundle creator gemacht?

Zitat:

---

Zitat von Niels H

Hallo zusammen,

ich habe gerade meine erste öffentliche Erweiterung erstellt und diese auf GibHub und bei packagist.org freigegeben. Bis jetzt wird sie noch nicht im Contao Manager angezeigt.

Muss ich den Manager noch irgendwie darauf aufmerksam machen, dass es die Erweiterung gibt? Oder dauert es einfach ein bisschen, bis der Manager die Erweiterungen aus packagist.org einliest?


https://packagist.org/packages/heims...backend-bundle


Vielen Dank!

---

Hallo Marko,

ja, die Erweiterung wurde mit dem bundle creator erstellt. Ganz herzlichen Dank dafür!!! Ich war kurz davor mich in die Datei- und Verzeichnisstruktur einzuarbeiten, als ich deine Erweiterung gesehen habe. Das hat den Einstiegt extrem vereinfacht!

Ich war irritiert, da heute schon drei neue Erweiterungen im Manager zu sehen sind. Dann hoffe ich alles richtig gemacht zu haben und warte ab ;).

Gibts dazu vielleicht nen Screenshot ohne das ich es jetzt auf einem Testsystem installiere? :)

Habe einen Screenshot bei GitHub hinzugefügt:

https://github.com/heimseiten/contao...ackend-bundle/

Zitat:

---

Zitat von Niels H

[...] gerade meine erste öffentliche Erweiterung erstellt und diese auf GibHub und bei packagist.org freigegeben.

https://packagist.org/packages/heims...backend-bundle

---

Hallo Niels,

eine tolle Erweiterung. Vielen lieben Dank dafür. Mir stellt sich jetzt eine Frage, die du mir hoffentlich beantworten kannst. Gerne möchte ich diese Funktion auch im Frontend umsetzen. Im Internet habe ich schon einige Toggler gefunden, bei denen jedoch immer wieder das gleiche Problem auftaucht. Beim laden der Webseite ist diese hell und erst ein paar Millisekunden später dunkel. Bei deiner Lösung im Backend konnte ich dies nicht feststellen. Da blieb die Seite immer dunkel.

Kannst du vielleicht den Code-Teil, der für den Toggler erforderlich ist, hier einmal kurz vorstellen? Die Funktionsweise bei deiner Lösung ist ja das Entfernen der Klasse

HTML-Code:

---

dark_mode_off

---

aus dem body. Ich würde genau umgekehrt gerne die Klasse

HTML-Code:

---

dark_mode

---

in den body laden, sodass dann alle Anpassungen in der CSS wie folgt stattfinden:

Code:

---

.bg_color {
  background: #fff;
}

.dark_mode .bg_color {
  background: #222;
}

---

Aktuell habe ich eine Lösung mit

HTML-Code:

---

[data-theme="dark"] .bg_color

---

, die aber wie beschrieben nicht so sauber funktioniert.

Ich danke dir für deine Unterstützung. Ach ja, frohes und gesundes Neues!

Hallo Marco,

ich habe die Erweiterung auch bei einer Installation im Einsatz.

Im Prinzip ist es ein Style-Switcher und kein Dark Mode.

Bei Dark Mode soll ja anhand der Einstellung des Betriebsystems und des dortigen Dark Mode erkannt werden, ob eine Website darauf reagieren soll.

Dafür gibt es ein Mediaquery:

Code:

---

@media (prefers-color-scheme: dark) {
…
}

---

Detailliert und lange – auf englisch – auf CSS Tricks:
https://css-tricks.com/a-complete-gu...de-on-the-web/

Thema verschoben: https://community.contao.org/de/show...%C3%BCr-Contao