Dracula ein dunkles Theme für Discourse

Thema
1

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:

image
image1193×789 71.8 KB

: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“
2

This actually looks very neat.

2 „Gefällt mir“
4

Looking great, I can definitely feel Dracula vibes.

3 „Gefällt mir“
7

are colours fixed or can they be changed?

2 „Gefällt mir“
8

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“
21

Hello,

In the mobile view, how do I hide the “Replies” column and show the Views column? Thank you.

Update: found the solution for the Replies column, but cannot figure out how to add “Views”

22

We do not show the views count on mobile, only activity and replies. To create your own mobile topic list view, you would need to create a theme-component that edits the mobile topic-list-item template found here:

An example of someone on this forum who has done something similar can b found in this topic MD Topic List Mobile component.

If you haven’t created a theme or theme-component before, I would suggest reading through this topic that does a great job of explaining the process.

4 „Gefällt mir“
30

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:

image
image1380×588 58.2 KB

image
image1380×470 96 KB

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.

31

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

32

Ist es möglich, dies als Thema festzulegen?

Ich muss dies in der Liste der Seitenleisten-Themenwechsler anzeigen

33

Soll dies auf Meta und in der Seitenleiste installiert werden?

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

1 „Gefällt mir“
34

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

Derzeit scheint es nicht verfügbar zu sein.

Screenshot_20240601_194948
Screenshot_20240601_194948510×623 11.8 KB

35

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“
38

Nein, nicht für mich:

Bildschirmfoto_20240901_123400
Bildschirmfoto_20240901_123400619×551 30.4 KB

40

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

41

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