Semantic tokens

[AlessandroVecchi]

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

• Ho verificato e non esiste

Versione della libreria

2.13.4

Cosa

Nel file _variables.scss sono ancora presenti una serie di variabili colore (che fino alla 2.12 erano nel file color_var) chiamati "Semantic tokens" con dei colori cablati e non relativi al primary del sito.

// SEMANTIC TOKENS =========================================================

// Backgrounds
$color-background-emphasis: hsl(210, 54%, 20%); // color-slate-20
$color-background-primary-lighter: hsl(210, 62%, 97%); // color-blue-97
$color-background-primary-hover: hsl(210, 100, 30); // color-blue-30
$color-background-secondary-hover: hsl(210, 33%, 28%); // color-slate-28
$color-background-secondary-lighter: hsl(210, 3%, 85%); // color-slate-85
$color-background-muted: $gray-100; // color-gray-96

// Borders
$color-border-secondary: hsl(210, 17%, 44%); // color-slate-44
$color-border-subtle: hsl(210, 4%, 78%); // color-slate-78
$color-border-warning: hsl(36, 100%, 30%); // color-orange-30

// Text
$color-text-primary-active: hsl(210, 100%, 15%); // color-blue-15
$color-text-primary-hover: hsl(210, 100%, 30%); // color-blue-30
$color-text-muted: hsl(210, 17%, 44%); // color-slate-44
$color-text-base: $gray-900; // color-gray-10
$color-text-secondary: hsl(210, 33%, 28%); // color-slate-28
$color-text-warning: hsl(36, 100%, 30%); // color-orange-30

Perché

I colori non sovrebbero essere relativi al blu italia ma al colore primary scelto per il sito

Contesto

No response

Altro

Dovrebbe essere sufficiente sostituirli con
(es.) $color-background-emphasis: hsl($primary-h, 54%, 20%); // color-slate-20

[AlessandroVecchi]

Ci sono anche altre variabili colore definite con colore H 210

[Fupete]

Domanda per @zetareticoli (te la assegno momentaneamente), che sta lavorando alla revisione dei tokens/variabili.

[zetareticoli]

Ciao @AlessandroVecchi, nella #1310 stiamo riscrivendo tutte le variabili in ottica implementazione design tokens italia.

Questo porterà all'introduzione di CSS custom properties per la gestione del tema di Bootstrap Italia senza necessità di ricompilare tutto il *.scss.