Dracula un thème sombre pour Discourse

Thème
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 « J'aime »
2

This actually looks very neat.

2 « J'aime »
4

Looking great, I can definitely feel Dracula vibes.

3 « J'aime »
7

are colours fixed or can they be changed?

2 « J'aime »
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 « J'aime »
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 « J'aime »
30

Thème Dracula - Problème de couleur

Description : J’ai rencontré un problème avec le thème Dracula sur notre site Discourse. L’apparence du thème diffère de son aspect attendu, en particulier au niveau des palettes de couleurs et de l’apparence des onglets. Initialement, le thème s’affichait différemment sur mon site de test par rapport à d’autres sites utilisant Dracula. Après réinstallation à partir du dépôt GitHub, l’apparence s’est alignée, suggérant un problème potentiel avec du code obsolète ou l’utilisation de variables.
Étapes de reproduction :

  1. Installation du thème Dracula via Admin → Personnaliser → Thèmes.
  2. Définition comme thème par défaut.
  3. Désactivation des autres thèmes et options de palette de couleurs pour les utilisateurs sous Admin → Personnaliser.
  4. Vérification dans mon profil (Préférences → Interface) que Dracula était le seul thème sélectionnable, garantissant ainsi que je le visualisais dans sa configuration par défaut.
  5. Constatation de différences dans l’apparence, en particulier des onglets, qui n’avaient pas l’aspect attendu (indiquant un problème potentiel avec le thème).

Captures d’écran :

image
image1380×588 58.2 KB

image
image1380×470 96 KB

Plateforme :

  • Mac (Bureau)

Navigateur :

  • Chrome

Commentaires supplémentaires : Le problème semble provenir de l’utilisation de variables CSS obsolètes dans le thème. La syntaxe actuelle du thème Dracula ($primary, $tertiary, $secondary) est obsolète par rapport au nouveau format de variables (var(–tertiary), var(–secondary)) utilisé dans les thèmes Discourse récents, comme le montre cet exemple GitHub. Cette ancienne utilisation de variables provoque probablement un rendu inhabituel, surtout lorsqu’aucun thème ou palette de couleurs alternatif n’est sélectionnable. Le problème a persisté même après une réinstallation du thème, indiquant un problème plus profond dans la structure du code du thème.

31

Merci de partager ! J’ai une solution en cours.

32

Est-il possible de définir ceci comme thème ?

Je dois montrer ceci dans la liste du sélecteur de thèmes de la barre latérale.

33

Demandez-vous que cela soit installé sur meta et dans la barre latérale ?

Le schéma de couleurs est en fait l’un que vous pouvez également sélectionner dans Discourse maintenant.

1 « J'aime »
34

Oui, est-il possible de choisir cela sur meta ?

Pour l’instant, cela ne semble pas disponible.

Screenshot_20240601_194948
Screenshot_20240601_194948510×623 11.8 KB

35

Dracula est disponible comme choix de schéma de couleurs ici sur meta.

Vous pouvez y accéder en visitant vos préférences d’interface dans votre espace de préférences utilisateur personnel.

2 « J'aime »
38

Non, pas pour moi :

Bildschirmfoto_20240901_123400
Bildschirmfoto_20240901_123400619×551 30.4 KB

40

Vous devriez maintenant pouvoir sélectionner le schéma de couleurs Dracula dans le sélecteur de couleurs de vos préférences ici sur meta.

41

4 messages ont été déplacées vers un nouveau sujet : Ajout de schémas de couleurs