Dracula un thème sombre pour Discourse

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 :

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.