Wie schreibe ich Stile für Dark in Discourse, wenn ich das integrierte Dark/Light-Thema-Umschalten von Discourse verwende? Ich sehe derzeit keine .dark-Stile.

Unterstützung
1

Verwenden Sie den integrierten hellen/dunklen Thema-Umschalter von Discourse. Wie schreibe ich Stile für den dunklen Modus in Discourse? Ich sehe derzeit keine .dark-Stile.

1 „Gefällt mir“
2

Ich bin mir nicht sicher, ob das das ist, was Sie meinen, aber es gibt einen Mixin, den Sie in Ihrem CSS verwenden können, der 2 Variablen zulässt und basierend darauf auswählt, welcher Modus aktiv ist.

Beispiel:

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

Abgesehen davon gibt es auch die vorgefertigten Farbpaletten in Ihrer about.json-Datei.

Beispiel aus dem Air-Theme:

  "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"
    }
  },
2 „Gefällt mir“
3

Ja, die Verwendung des Mixins in meinem CSS, das 2 Variablen zulässt, kann das Problem lösen, danke.

2 „Gefällt mir“
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.