| |
|—|—|—|
| 
| Riepilogo | Colorful Categories utilizza i colori di ciascuna categoria in più punti quando ti trovi nell’elenco degli argomenti di una categoria o all’interno di un argomento.
| 
| Anteprima | Anteprima su Discourse Theme Creator |
| 
| Link al repository | https://github.com/discourse/discourse-colorful-categories
| 
| Nuovo a Discourse Themes? | Guida per principianti all’uso di Discourse Themes
Installa questo componente del tema
Funzionalità
Colorful Categories utilizza i colori di ciascuna categoria in più punti quando ti trovi nell’elenco degli argomenti di una categoria o all’interno di un argomento: nell’intestazione, nei pulsanti di risposta/creazione, nella cronologia degli argomenti e nel compositore.
I colori del compositore cambiano in base alla categoria selezionata:
Impostazioni
Ogni modifica di colore sopra menzionata può essere disabilitata nelle impostazioni del tema.
| Nome | Descrizione |
|---|---|
| use category color in composer | disabilita per utilizzare i colori predefiniti del compositore |
| use category color in header | disabilita per utilizzare i colori predefiniti dell’intestazione |
| use category color in timeline | disabilita per utilizzare i colori predefiniti della cronologia degli argomenti |
| use category color in buttons | disabilita per utilizzare i colori predefiniti dei pulsanti |
Note sullo sviluppo
Puoi disabilitare tutte le impostazioni se desideri utilizzare questo componente come modo per rendere i colori delle categoria riutilizzabili come proprietà CSS personalizzate. Ad esempio, ogni pagina di categoria e ogni argomento avranno impostate queste proprietà:
--category-color
--category-text-color
mentre il compositore avrà:
--composer-category-text-color
--composer-category-color
Queste possono essere riutilizzate ovunque desideri nel tuo CSS, ad esempio:
body {
background: var(--category-color);
}
Sono impostate alcune valori predefiniti quando una categoria non è presente, che puoi modificare nel tuo CSS:
:root {
--composer-category-text-color: var(--secondary);
--composer-category-color: var(--tertiary);
--category-color: var(--secondary);
--category-text-color: var(--primary-low-mid);
}
Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business e Enterprise.
