Les palettes de couleurs se chargent incorrectement avec 2.7.0.beta5

Contribuer Bug
1

Mis à jour vers la version 2.7.0.beta5 ce matin, et de nombreuses couleurs ont changé. Il semble que la palette de couleurs ne soit pas lue correctement et que la palette de couleurs par défaut obtenue lors du clic sur « Nouvelle palette » soit utilisée à la place. Les deux thèmes ci-dessous utilisent deux palettes de couleurs différentes, mais tous deux se retrouvent avec la palette de couleurs « Nouvelle palette » de Discourse → Palette de base : Clair définie dans la première ligne du CSS.

Exemple 1 :
Voici la palette de couleurs du thème :

image
image688×649 24.9 KB

Voici la première ligne du CSS :

$primary: #222222 !default; $secondary: #ffffff !default; $tertiary: #0088cc !default; $quaternary: #e45735 !default; $header_background: #ffffff !default; $header_primary: #333333 !default; $highlight: #ffff4d !default; $danger: #e45735 !default; $success: #009900 !default; $love: #fa6c8d !default;

Exemple 2 :
Voici la palette de couleurs du thème :

image
image384×512 85.6 KB

Voici la première ligne du CSS :

$primary: #222222 !default; $secondary: #ffffff !default; $tertiary: #0088cc !default; $quaternary: #e45735 !default; $header_background: #ffffff !default; $header_primary: #333333 !default; $highlight: #ffff4d !default; $danger: #e45735 !default; $success: #009900 !default; $love: #fa6c8d !default;

Si je commence avec un nouveau thème vierge et que j’ajoute une palette, cela fonctionne comme prévu, mais pour mes thèmes existants, la palette de couleurs par défaut « Clair » est chargée à la place de la palette assignée.

1 « J'aime »
2

Jusqu’à présent, la seule solution que j’ai trouvée consiste à ajouter manuellement les variables de couleur Sass souhaitées à chaque thème et composant.

1 « J'aime »
4

Je n’arrive pas à reproduire ce problème… si vous modifiez la palette de couleurs d’un thème existant, reste-t-elle incorrecte ?

3 « J'aime »
5

Il semble que nous ayons le même problème. Après la mise à jour vers la version 2.7.0.beta5 (6c57f6f49d), le schéma de couleurs n’est plus appliqué dans notre composant de thème.

Nous utilisons :

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

mais la couleur d’arrière-plan était #fff au lieu de celle définie dans le schéma de couleurs.

J’ai essayé :

  • de réassigner le schéma de couleurs au thème
  • de copier le schéma de couleurs et d’assigner la copie au thème
  • de réassigner le composant de thème au thème

mais rien n’a semblé fonctionner. L’astuce actuelle consiste à définir manuellement la couleur dans le CSS.

2 « J'aime »
6

Il semble que ce qui se passe, c’est que la palette correcte est chargée pour le thème de base, mais pas pour les composants. Ainsi, les parties de la page qui n’utilisent pas de composant affichent les bonnes couleurs, tandis que celles qui reposent sur un composant chargent la palette Discourse « Light » par défaut au lieu d’utiliser la palette assignée au thème.

Depuis les Outils de développement
color_definitions.scss contient la bonne palette

image
image973×118 12.9 KB

desktop.scss contient la bonne palette
image

theme_174.scss, qui est un composant, utilise la palette Light par défaut
image

theme_171 est un composant qui ne contient que ces lignes de CSS dans common.css et rien d’autre

#banner {
    margin: auto 20px;
    background-color: $primary-low;
    max-width: 880px;
    border: 1px solid #999 ;
}
2 « J'aime »
7

Merci @gkln et @smrtey pour les détails supplémentaires… Une chose à essayer est de désactiver les composants un par un pour voir si cela change quelque chose… Il est possible qu’il y ait une erreur silencieuse qui n’est pas signalée quelque part, et cela pourrait casser le CSS pour les composants.

8

Cela semble se produire avec tout composant utilisant des variables de couleur SCSS. Tout fonctionne correctement si j’ajoute manuellement les couleurs à chaque composant individuel :

$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;

mais ce n’est absolument pas une solution idéale. Je ne vois pas comment je pourrais résoudre ce problème. Il est tout simplement impossible que j’aie la capacité de déterminer ce qui pourrait amener Discourse à charger une palette de couleurs différente.

1 « J'aime »
12

ok, @pmusaraj a examiné de plus près et a trouvé le bogue… il a été corrigé ici :

…donc mettre à jour à nouveau vos sites devrait régler le problème.

Si ce sont des composants de thème que vous avez créés, nous vous recommandons de les mettre à jour pour utiliser des propriétés CSS personnalisées plutôt que nos variables SCSS. Ce changement vous permet d’utiliser le mode sombre automatique et facilite les remplacements de couleurs. Plus de détails ici :

6 « J'aime »