[GELÖST] Wie erreicht man Farbänderungen der Module im Light/Dark Mode

  • crazy-to-bike
  • crazy-to-bikes Avatar Autor
  • Neues Mitglied
  • Neues Mitglied
  • Beiträge: 14
  • Dank erhalten: 1
Hallo,

historisch nutze ich einen Light/Dark Switcher, bei dem ich die Farben für den Darkmode in der costom.css mit dem Präfix .bg-dark realisieren kann.
Beispiel:
Code:
.bg-dark .uk-card-default {  background-color: #191724 !important;  color: #F8F9FA !important;  font-size: 1rem !important;  box-shadow: 0 14px 25px rgba(248, 249, 250, 0.16) !important; }


Da ich von diesem Anbieter inzwischen aber nichts anderes mehr nutze, will ich mir die Zusatzkosten dafür sparen und die Light/Dark Funktion vom Astroid-Framework nutzen. Für den Joomla-Core funktioniert dss auch prima. Für Module jedoch so ganz und gar nicht. Da bleiben die Farben in Darkmode wie im Lightmode und umgekehrt. Das passt aber so gar nicht ins jeweilige Farbkonzept.

Das betrifft auch die Uikit Module von Joomlaplates.  Da kann ich in den Settings für den Card Style nur zwischen None (was ich auch nicht will), White, White Shadow und Dark wählen. White und White Shadow fällt dann aus dem Farbkonzept für Dark, Dark aus dem von Light. Auich sonst würde ich gerne die Farbgestaltung (z.B. Schrift- und Linkfarben) in den Modulen) aus der cutom.css wieder nutzen/umsetzen können.

Hier 2 Screenshots. Einmal Darkmode mit dem bisherigen Switcher, einmal über Astroid. Da sieht man den Unterschied.
   
  

Kann man beim Astroid Light/Dark Mode auch irgendwie durch einen Präfix Farben für den Darkmode in der custom.css definieren? Wenn ja, wie heißt der Präfix? Die Sicihmaschine meines Vertrauens spuckt da leider nichts dazu aus.

Oder wie bekomme ich die Module sonst Light/Dark "responsive"?
Last Edit:4 Tage 9 Stunden her von crazy-to-bike
Letzte Änderung: 4 Tage 9 Stunden her von crazy-to-bike.
Dieses Thema wurde gesperrt.
  • crazy-to-bike
  • crazy-to-bikes Avatar Autor
  • Neues Mitglied
  • Neues Mitglied
  • Beiträge: 14
  • Dank erhalten: 1
Da ich die Sreenshots für den Lightmode wegen Größenbeschränkung nicht im vorigen Beitrag hochladen konnte, Hier noch 2 Screenshots in verminderter Qualität. Einmal Lightmode mit dem bisherigen Switcher, einmal über Astroid.
   

Edit: Und wie so oft... nachdem ich gepostet habe, finde ich doch die Lösung:
Einfach in der custom.css alles, was für den Darkmode sein soll, umschließen mit
Code:
@media (prefers-color-scheme: dark) { ... }
Last Edit:4 Tage 8 Stunden her von crazy-to-bike
Letzte Änderung: 4 Tage 8 Stunden her von crazy-to-bike.
Dieses Thema wurde gesperrt.
  • WM-Loose
  • WM-Looses Avatar
  • Moderator
  • Moderator
  • Beiträge: 3062
  • Dank erhalten: 518
Die Module sind eigenständig und haben mit Astroid Color Mode nichts zu tun. Ein automatisches umschalten zwischen Astroid Dark and Light Einstellung ist somit bei den Modulen nicht möglich. Selbst wenn Sie die Module bearbeiten und im jeweiligen Modul unter Template die layout PHP Dateien umschreiben und eigene Layouts erstellen, wüsste ich nicht wie Sie mit dem Umschalter von Astroid diese Module wahlweise umswitschen wollen. Das geht einfach nicht. Dies betrifft aber nicht die JP Module alleine sondern alle Module.

Manche Dinge gehen halt nicht auf Knopfdruck, auch wenn man es sich wünscht.

 
JP-Admin
Supporter im forum.joomla.de/
von WM-Loose
Dieses Thema wurde gesperrt.
  • crazy-to-bike
  • crazy-to-bikes Avatar Autor
  • Neues Mitglied
  • Neues Mitglied
  • Beiträge: 14
  • Dank erhalten: 1
Schon klar, dass das alle Module betrifft. Und eine Lösung auf Knopfdruck war auch nicht gesucht, sondern eine Möglichkeit, die css Kofigurationen in der custom.css wie beim alten Switcher wieder getrennt für light und dark definieren zu können.
Wie auch immer: Es geht, siehe mein Edit in Beitrag 2:  www.joomlaplates.de/forum/uikit-3-module...dark-mode.html#14838
Last Edit:4 Tage 6 Stunden her von crazy-to-bike
Letzte Änderung: 4 Tage 6 Stunden her von WM-Loose.
Folgende Benutzer bedankten sich: WM-Loose
Dieses Thema wurde gesperrt.

Installations-Service

Sparen Sie Zeit, wir installieren ihr gekauftes Joomla Template
mit all den dazugehörigen Extensions und dem "Demo Inhalt" innerhalb der nächsten 24 Stunden
auf einem Server/Webhost ihrer Wahl

JoomlaPlates

Professionelle Joomla Templates mit deutscher Dokumentation und Support seit 2008. Über 60 Templates für Joomla 5 & 6.

Joomla 5 Joomla 6
Kontakt & Rechtliches
  • support@joomlaplates.de
  • Deutsches Support-Team
  • Mo-Fr: 9:00-18:00 Uhr

© JoomlaPlates. Alle Rechte vorbehalten. 2008 - 2026

JoomlaPlates ist nicht mit dem Joomla! Project verbunden. Joomla! ist eine eingetragene Marke von Open Source Matters, Inc.