Dracula ein dunkles Theme für Discourse

A theme built on the Dracula color palette. This color scheme has been one of my favorite go to themes in the text editors and other software I use.

I felt like Discourse could use it as well :smile:

:bat: : Github Repo https://github.com/dracula/discourse

:vampire: Preview on Theme Creator

:coffin: How do I install a theme or theme component?

If you see anything off, let me know here and I’ll get that updated! Hope you enjoy :smiling_face_with_three_hearts:

43 „Gefällt mir“

This actually looks very neat.

2 „Gefällt mir“

Looking great, I can definitely feel Dracula vibes.

3 „Gefällt mir“

are colours fixed or can they be changed?

2 „Gefällt mir“

Theme colors are fixed per theme/color scheme once defined. If you would like to customize this for your own use though, feel free to fork the repo and change the colors in the about.json file. :vampire:

3 „Gefällt mir“

Hallo,

Wie kann ich in der mobilen Ansicht die Spalte “Antworten” ausblenden und die Spalte “Aufrufe” anzeigen? Vielen Dank.

Update: Die Lösung für die Spalte “Antworten” habe ich gefunden, aber ich kann nicht herausfinden, wie man “Aufrufe” hinzufügt.

Wir zeigen die Anzahl der views auf Mobilgeräten nicht an, sondern nur activity und replies. Um Ihre eigene mobile Themenliste zu erstellen, müssten Sie eine Theme-Komponente erstellen, die die mobile topic-list-item-Vorlage bearbeitet, die hier zu finden ist:

Ein Beispiel für jemanden in diesem Forum, der etwas Ähnliches umgesetzt hat, finden Sie in diesem Thema: MD Topic List Mobile component.


Falls Sie noch nie ein Theme oder eine Theme-Komponente erstellt haben, empfehle ich Ihnen, dieses Thema durchzulesen, das den Prozess hervorragend erklärt.

4 „Gefällt mir“

Dracula-Theme – Farbproblem

Beschreibung: Ein Problem mit dem Dracula-Theme auf unserer Discourse-Website ist aufgetreten. Das Erscheinungsbild des Themes unterscheidet sich von seinem erwarteten Aussehen, insbesondere bei den Farbschemata und dem Aussehen der Tabs. Anfangs wurde das Theme auf meiner Testseite anders angezeigt als auf anderen Websites, die Dracula verwenden. Nach der Neuinstallation aus dem GitHub-Repository stimmte das Erscheinungsbild überein, was auf ein potenzielles Problem mit veraltetem Code oder der Verwendung von Variablen hindeutet.
Schritte zur Reproduktion:

  1. Das Dracula-Theme über Admin → Anpassen → Themes installiert.
  2. Es als Standard-Theme festgelegt.
  3. Andere Themes und Farbschema-Optionen für Benutzer unter Admin → Anpassen deaktiviert.
  4. In meinem Profil (Einstellungen → Oberfläche) bestätigt, dass Dracula das einzige auswählbare Theme war, und sichergestellt, dass ich es in seiner Standardkonfiguration angezeigt habe.
  5. Unterschiede im Erscheinungsbild festgestellt, insbesondere bei den Tabs, die nicht wie erwartet aussahen (was auf ein potenzielles Problem mit dem Theme hindeutet).

Screenshots:

Plattform:

  • Mac (Desktop)

Browser:

  • Chrome

Zusätzliche Kommentare: Das Problem scheint auf die Verwendung veralteter CSS-Variablen im Theme zurückzuführen zu sein. Die aktuelle Syntax im Dracula-Theme ($primary, $tertiary, $secondary) ist im Vergleich zum neueren Variablenformat (var(–tertiary), var(–secondary)), das in neueren Discourse-Themes verwendet wird, wie in diesem GitHub-Beispiel zu sehen, veraltet. Diese alte Variablennutzung verursacht wahrscheinlich die ungewöhnliche Darstellung, insbesondere wenn kein alternatives Theme oder Farbschema auswählbar ist. Das Problem bestand auch nach einer Neuinstallation des Themes fort, was auf ein tieferliegendes Problem innerhalb der Code-Struktur des Themes hindeutet.

Danke fürs Teilen! Ich arbeite an einer Lösung.

Ist es möglich, dies als Thema festzulegen?

Ich muss dies in der Liste der Seitenleisten-Themenwechsler anzeigen

Soll dies auf Meta und in der Seitenleiste installiert werden?

Das Farbschema kann jetzt auch in Discourse ausgewählt werden.

1 „Gefällt mir“

Ja, ist es möglich, dies auf Meta auszuwählen?

Derzeit scheint es nicht verfügbar zu sein.

Dracula ist hier auf Meta als Farbschema verfügbar.

Sie können es erreichen, indem Sie Ihre Interface-Einstellungen in Ihrem persönlichen Benutzerbereich aufrufen.

2 „Gefällt mir“

Nein, nicht für mich:

Sie sollten nun in der Lage sein, das Farbschema „Dracula“ im Farbwähler Ihrer Einstellungen hier auf Meta auszuwählen.

4 Beiträge wurden in ein neues Thema aufgeteilt: Adding colour schemes