Farbpaletten werden mit 2.7.0.beta5 falsch geladen

Beitragen Fehler
1

Heute Morgen auf 2.7.0.beta5 aktualisiert, und viele Farben haben sich geändert. Es scheint, als würde die Farbpalette nicht korrekt gelesen werden, und stattdessen wird die Standard-Farbpalette verwendet, die man erhält, wenn man auf „Neue Palette

1 „Gefällt mir“
2

Bisher habe ich nur eine Möglichkeit gefunden, dieses Problem zu umgehen: Manuell die gewünschten SASS-Farbvariablen für jedes Theme und jede Komponente hinzuzufügen.

1 „Gefällt mir“
4

Ich kann das Problem nicht nachvollziehen… Wenn Sie das Farbschema in einem bestehenden Theme ändern, bleibt es dann weiterhin falsch?

3 „Gefällt mir“
5

Es scheint, wir haben das gleiche Problem. Nach dem Update auf 2.7.0.beta5 (6c57f6f49d) wurde das Farbschema in unserer Theme-Komponente nicht mehr angewendet.

Wir verwenden:

#meta-links {
    background-color: $header_background;
}

Die Hintergrundfarbe war jedoch #fff anstatt der im Farbschema definierten Farbe.

Ich habe Folgendes versucht:

  • Das Farbschema dem Theme neu zuzuweisen
  • Das Farbschema zu kopieren und die Kopie dem Theme zuzuweisen
  • Die Theme-Komponente dem Theme neu zuzuweisen

Aber es schien nicht zu funktionieren. Der aktuelle Workaround besteht darin, die Farbe manuell im CSS festzulegen.

2 „Gefällt mir“
6

Es scheint, dass das richtige Farbschema für das Basisthema geladen wird, aber nicht für die Komponenten. Daher haben die Teile der Seite, die keine Komponente verwenden, die richtigen Farben, während die Teile, die auf eine Komponente angewiesen sind, das standardmäßige Discourse-Farbschema „Light“ laden, anstatt das dem Theme zugewiesene Farbschema zu verwenden.

Aus den Entwicklertools:
color_definitions.scss enthält das richtige Farbschema

image
image973×118 12.9 KB

desktop.scss enthält das richtige Farbschema
image

theme_174.scss, eine Komponente, verwendet das standardmäßige Light-Farbschema
image

teme_171 ist eine Komponente, die in common.css nur aus folgenden CSS-Zeilen besteht und sonst nichts:

#banner {
    margin: auto 20px;
    background-color: $primary-low;
    max-width: 880px;
    border: 1px solid #999 ;
}
2 „Gefällt mir“
7

Danke an @gkln und @smrtey für die zusätzlichen Details… Ein Versuch wäre es, die Komponenten nacheinander zu deaktivieren, um zu sehen, ob sich dadurch etwas ändert… Es könnte sein, dass es einen stillen Fehler gibt, der irgendwo nicht gemeldet wird, und dieser könnte das CSS für die Komponenten beeinträchtigen.

8

Es scheint, dass das Problem bei jeder Komponente auftritt, die SCSS-Farbvariablen verwendet. Alles funktioniert einwandfrei, wenn ich die Farben manuell zu jeder einzelnen Komponente hinzufüge:

$primary: #22262a !important; $secondary: #fefefe !important; $tertiary: #2572e4 !important; $quaternary: #518ee9 !important; $header_background: #1550a7 !important; $header_primary: #fcfcfc !important; $highlight: #9edaf5 !important; $danger: #ff7114 !important; $success: #85cc54 !important; $love: #de0100 !important;

aber das ist alles andere als eine ideale Lösung. Ich sehe nicht, wie ich dies beheben kann. Es ist absolut unmöglich, dass ich die Kapazität habe herauszufinden, was dazu führen könnte, dass Discourse ein anderes Farbschema lädt.

1 „Gefällt mir“
12

OK, @pmusaraj hat sich das genauer angesehen und den Fehler gefunden… er wurde hier behoben:

…das Aktualisieren Ihrer Seiten sollte das Problem also beheben.

Wenn es sich bei diesen Elementen um von Ihnen erstellte Theme-Komponenten handelt, empfehlen wir, diese so zu aktualisieren, dass sie anstelle unserer SCSS-Variablen benutzerdefinierte CSS-Eigenschaften verwenden. Der Wechsel ermöglicht die automatische Dunkelmodus-Funktion und vereinfacht Farbüberschreibungen. Weitere Details finden Sie hier:

6 „Gefällt mir“