Dracula ein dunkles Theme für Discourse

Ein Theme, das auf der Dracula-Farbpalette basiert. Dieses Farbschema war eines meiner Lieblings-Themes in den Texteditoren und anderer Software, die ich verwende.

Ich hatte das Gefühl, dass Discourse es ebenfalls nutzen könnte :smile:

:bat: : GitHub-Repository https://github.com/dracula/discourse

:vampire: Vorschau im Theme-Creator

:coffin: Wie installiere ich ein Theme oder eine Theme-Komponente?

Wenn dir etwas auffällt, lass es mich hier wissen, und ich werde es aktualisieren! Ich hoffe, es gefällt dir :smiling_face_with_three_hearts:

43 „Gefällt mir“

Das sieht tatsächlich sehr ordentlich aus.

2 „Gefällt mir“

Sieht toll aus, ich spüre definitiv Dracula-Vibes.

3 „Gefällt mir“

Sind die Farben festgelegt oder können sie geändert werden?

2 „Gefällt mir“

Themenfarben sind nach der Festlegung pro Thema/Farbschema festgelegt. Wenn du sie jedoch für deine eigenen Zwecke anpassen möchtest, kannst du das Repository forken und die Farben in der Datei about.json ändern. :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