Le palette di colori vengono caricate in modo errato con 2.7.0.beta5

Contribuisci Bug
1

Aggiornato alla versione 2.7.0.beta5 questa mattina e molti colori sono cambiati. Sembra che la Palette Colori non venga letta correttamente e venga utilizzata invece la palette predefinita che si ottiene cliccando su Nuova Palette. I due temi seguenti utilizzano due diverse Palette Colori, ma entrambi finiscono per usare la “Nuova Palette Colori” di Discourse → Base palette: Light definita nella prima riga del CSS

Esempio 1:
Questa è la Palette Colori del tema:

image
image688×649 24.9 KB

Ecco la prima riga del 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;

Esempio 2:
Questa è la Palette Colori del tema:

image
image384×512 85.6 KB

Ecco la prima riga del 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;

Se inizio con un nuovo tema vuoto e aggiungo una palette, funziona come previsto, ma per i miei temi esistenti viene caricata la Palette Predefinita Light invece della Palette assegnata.

1 Mi Piace
2

Finora, l’unico modo che ho trovato per aggirare questo problema è aggiungere manualmente le variabili di colore Sass desiderate a ogni tema e componente.

1 Mi Piace
4

Non riesco a riprodurre questo problema… se modifichi la palette colori di un tema esistente, il problema persiste?

3 Mi Piace
5

Sembra che abbiamo lo stesso problema. Aggiornato alla versione 2.7.0.beta5 (6c57f6f49d) e lo schema dei colori non è più stato applicato nel nostro componente del tema.

Usiamo:

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

ma il colore di sfondo era #fff invece del colore definito nello schema dei colori.

Ho provato:

  • a riassegnare lo schema dei colori al tema
  • a copiare lo schema dei colori e ad assegnare la copia al tema
  • a riassegnare il componente del tema al tema

ma non sembra aver funzionato. L’attuale soluzione temporanea è impostare manualmente il colore nel CSS.

2 Mi Piace
6

Sembra che quanto sta accadendo sia che il tema di base carichi la palette corretta, ma non per nessuno dei componenti. Quindi le parti della pagina che non utilizzano un componente hanno i colori corretti, mentre le parti che si affidano a un componente caricano la palette predefinita “Light” di Discourse invece di utilizzare la palette assegnata al Tema.

Dagli Strumenti per sviluppatori
color_definitions.scss ha la palette corretta

image
image973×118 12.9 KB

desktop.scss ha la palette corretta
image

theme_174.scss, che è un componente, utilizza la palette Light predefinita
image

theme_171 è un componente che consiste solo di queste righe di CSS in common.css e nient’altro

#banner {
    margin: auto 20px;
    background-color: $primary-low;
    max-width: 880px;
    border: 1px solid #999 ;
}
2 Mi Piace
7

Grazie @gkln e @smrtey per i dettagli aggiuntivi… un tentativo da fare è disabilitare i componenti uno alla volta per vedere se cambia qualcosa… È possibile che ci sia un errore silenzioso che non viene segnalato da qualche parte e che potrebbe compromettere il CSS per i componenti.

8

Sembra che il problema si verifichi con qualsiasi componente che utilizza le variabili di colore SCSS. Tutto funziona correttamente se aggiungo manualmente i colori a ogni singolo componente:

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

ma questa è tutt’altro che una soluzione ideale. Non vedo come poter diagnosticare il problema. Non c’è assolutamente modo che io abbia la capacità di capire cosa possa far caricare a Discourse una palette di colori diversa.

1 Mi Piace
12

Ok, @pmusaraj ha dato un’occhiata più da vicino e ha individuato il bug… è stato corretto qui:

…quindi aggiornare di nuovo i tuoi siti dovrebbe risolvere il problema.

Se si tratta di componenti tema che hai creato, consigliamo di aggiornarli per utilizzare le proprietà CSS personalizzate invece delle nostre variabili SCSS. Questo passaggio ti permette di sfruttare la modalità scura automatica e rende più semplici le sovrascritture dei colori. Maggiori dettagli qui:

6 Mi Piace