Comment écrire des styles pour le thème sombre dans Discourse en utilisant le commutateur de thème clair/sombre intégré à Discourse, je ne vois actuellement aucun style .dark

Soutien
1

Utilisation du changement de thème clair/foncé intégré à Discourse, comment écrire des styles sous dark dans Discourse, je ne vois actuellement aucun style .dark.

2

Je ne suis pas sûr que ce soit ce que vous voulez dire, mais il existe un mixin que vous pouvez utiliser dans votre CSS qui permet 2 variables, et qui choisira en fonction du mode actif.

Exemple :

 color: light-dark(#ffffff, #000000);

En dehors de cela, il existe également les palettes de couleurs pré-faites dans votre fichier about.json

Exemple du thème air :

  "color_schemes": {
    "air-light": {
      "primary": "1c1c1c",
      "secondary": "f9fcff",
      "tertiary": "3877e5",
      "quaternary": "7e8b93",
      "header_background": "f9fcff",
      "header_primary": "122b43",
      "highlight": "e6cb37",
      "danger": "d05454",
      "success": "71bd9f",
      "love": "c16ad7",
      "selected": "e1ebfb"
    },
    "air-dark": {
      "primary": "e0e0e0",
      "secondary": "2d2d2d",
      "tertiary": "9a5cfd",
      "quaternary": "71bd9f",
      "header_background": "202020",
      "header_primary": "e0e0e0",
      "highlight": "9a5cfd",
      "danger": "d05454",
      "success": "71bd9f",
      "love": "c16ad7",
      "selected": "2f0177",
      "hover": "535353"
    }
  },
3

Oui, l’utilisation du mixin dans mon CSS qui autorise 2 variables peut résoudre le problème, merci.