Come scrivere stili per il tema scuro in Discourse utilizzando il cambio di tema chiaro/scuro integrato in Discourse, non vedo attualmente stili .dark

Supporto
1

Utilizzando il cambio di tema chiaro/scuro integrato in Discourse, come si scrivono gli stili per il tema scuro in Discourse? Al momento non vedo stili .dark.

2

Non sono sicuro che sia quello che intendi, ma c’è un mixin che puoi usare nel tuo CSS che accetta 2 variabili e sceglie in base alla modalità attiva.

Esempio:

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

Oltre a ciò, ci sono anche le palette di colori predefinite nel tuo file about.json

Esempio dal tema 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

sì, usare il mixin nel mio css che consente 2 variabili può risolvere il problema, grazie.