Leichter Themenlisten-Container

Einen Kasten für den Hauptthema-Container zu haben, ist im Moment ziemlich angesagt, aber ich wollte kein voll ausgestattetes Theme mit allem Drum und Dran.

Deshalb habe ich eine Theme-Komponente erstellt. Jetzt kannst du Teile nach Belieben zusammensetzen. :ok_hand:

|||
|-|-|-|
| :information_source: | Zusammenfassung | Leichtgewichtige Umrandung für den Hauptthema-Listen-Container
| :eyeglasses:|Vorschau| Theme Creator |
| :hammer_and_wrench:|Repository| GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse |
| :question:|Installationsanleitung|So installierst du ein Theme oder eine Theme-Komponente|
| :open_book:|Neu bei Discourse Themes?| Anfängerleitfaden zur Verwendung von Discourse Themes

Beschreibung

Dies fügt einen Schatten und etwas Abstand für den Hauptcontainer hinzu. Es gilt für die Themenliste, den Hauptcontainer im Admin-Dashboard usw.

Einstellungen

Du kannst eine Hintergrundfarbe mit den Einstellungen Hintergrundfarbe Hell und Hintergrundfarbe Dunkel festlegen.

Erweiterbarkeit

Du kannst auch den background-container in einer anderen Theme-Komponente ansprechen.
z.B. Du kannst einen Farbverlauf hinzufügen.

.background-container {
  background: linear-gradient(180deg, var(--header_primary-high) 0%, rgba(137, 160, 210, 0.7) 100%);
}

Credits

Danke an @awesomerobot und @jsthon für den Code in A Graceful theme for Discourse

(in den Theme-Credits war ich tmoko, haha.)

Feedback

Jegliches konstruktives Feedback zu Best Practices in CSS wäre sehr willkommen.
z.B. wie man am besten mit Dunkel/Hell, Abständen/Rändern usw. umgeht.

Links

3 „Gefällt mir“