Wahl zwischen dunklen und hellen Farben in einer Theme-Komponente

Unterstützung
1

Ich habe eine Theme-Komponente mit unterschiedlichen Farben für dunkle und helle Themes. Ich habe die Funktion dark-light-choose verwendet, um zwischen den hellen und dunklen Farben zu wählen, aber sie funktioniert nach dem Update der Farbvariablen nicht mehr. Insbesondere gibt dark-light-choose für die Theme-Komponente immer die helle Farbe zurück, auch wenn ein dunkles Farbschema ausgewählt wurde. Hier ein kurzes Beispiel: Wenn ich

$d-color: dark-light-choose(#fff, #000);

:root {
  --d-color: #{$d-color};
}

in den Farbdefinitionen und

.d-header {
  background: var(--d-color);
}

im Common-Bereich verwende, erhalte ich unabhängig vom verwendeten Farbschema immer einen weißen Header. Hast du eine Idee, warum das nicht funktioniert?

2

Hast du hier einen Tipp, @awesomerobot?

3

Hmm, ja, ich habe es gerade ausprobiert und bin auf das gleiche Problem gestoßen… Es sieht so aus, als ob die Komponente nur das Standardschema sieht, selbst wenn das übergeordnete Theme auf ein anderes Schema umgestellt wird. Ich habe die Farbdefinitions-Stylesheet noch nicht in einer Komponente verwendet… @pmusaraj, hat das jemals funktioniert oder ist etwas regressiert?

4

Das sieht nach einer Regression aus, ich werde mir das ansehen.

5

Tatsächlich war es eine Regression, danke für den Bericht @Lumi. Es sollte jetzt über DEV: More refactoring of SCSS importers (#12143) · discourse/discourse@5604ce7 · GitHub behoben sein.