Categorie Colorate

	Summary	Colorful Categories uses each category’s colors in more places when you’re on a category topic list or within a topic.
	Preview	Preview on Discourse Theme Creator
	Repository Link	https://github.com/discourse/discourse-colorful-categories
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Features

Colorful Categories uses each category’s colors in more places when you’re on a category topic list or within a topic; the header, reply/create buttons, topic timeline, and the composer.

Screen Shot 2021-10-27 at 11.37.24 AM1358×911 71.3 KB

The composer’s colors will change based on the selected category:

Settings

Each of the color changes mentioned above can be disabled in the theme’s settings.

Development Notes

You can disable all of the settings if you’d like to use this component as a way to make category colors reusable as css custom properties. For example, every category page and topic will have these properties set:

  --category-color
  --category-text-color

and the composer will get:

  --composer-category-text-color
  --composer-category-color

These can be reused wherever you’d like in your own CSS, for example:

body {
  background: var(--category-color); 
}

There are some defaults set when a category isn’t present, which you can change in your own CSS:

:root {
  --composer-category-text-color: var(--secondary);
  --composer-category-color: var(--tertiary);
  --category-color: var(--secondary);
  --category-text-color: var(--primary-low-mid);
}

Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-06-11T13:40:35Z

Check document

Perform check on document:

Mi piace molto questo componente del tema per rendere chiarissimo in quale categoria ci si trova. Sembra che lo spazio su alcuni pulsanti cambi quando questo componente del tema è installato.

Con componente del tema:

Screen Shot 2022-01-24 at 11.45.07 AM448×134 2.75 KB

Senza componente del tema:

Screen Shot 2022-01-24 at 11.44.10 AM460×154 2.5 KB

@awesomerobot Questo è un componente davvero interessante e sembra essere sottovalutato al momento!

Ieri ci siamo trovati in una situazione in cui questo tipo di cose avrebbe potuto essere utile nella nostra istanza di Discourse for Teams. (Discourse for Teams… team… se ci state ascoltando, aggiungete questo componente del tema!)

• Abbiamo un certo numero di categorie con permessi limitati a determinati gruppi
• A volte ci sono informazioni sensibili che potrebbero essere condivise in esse
• È possibile che, se qualcuno non sta attento, possa selezionare la categoria sbagliata e pubblicare qualcosa senza rendersene conto in una categoria meno restrittiva
  • Peggio ancora, se ci sono trigger di auto-pubblicazione, come su Slack, quel contenuto potrebbe diffondersi prima ancora che ci sia la possibilità di spostare il post
    • E sì, ci è successo

Avere un forte indicatore visivo su dove sta andando il contenuto sarebbe estremamente utile.

Potrei andare oltre e suggerire che questo (o un’altra versione di questo) plugin riguardi il “contesto della categoria”. Forse una funzionalità aggiuntiva potrebbe essere che il nome della categoria venga aggiunto anche ai pulsanti di azione. Vedi sotto:

CleanShot 2022-01-25 at 06.56.06@2x618×242 19.1 KB

Grazie mille per questa gemma nascosta. Mi piace finora @awesomerobot

Tuttavia, ho un piccolo problema con l’intestazione del menu. Cambierà colore come il colore delle categorie crea nuovo argomento. Ho provato con temi diversi e tutti hanno lo stesso problema

C’è un modo per cambiare solo il colore delle categorie ma mantenere il colore dell’intestazione del menu?
Link

Ho appena lavorato su un’istanza in cui il colore della categoria non veniva rilevato (e registrato sulla console) con alcune categorie. Mi ci è voluto un po’ per trovare la causa comune, ma sembrava essere l’impostazione del filtro no subcategories invece di all topics nella pagina Category Settings:

La scelta di questa impostazione aggiunge /none all’URL della categoria. E questo sembra interferire con la selezione del colore.

L’ho aggiunto oggi, sembra davvero bello

Tuttavia, ogni volta che cliccavo su un argomento, continuavo a vedere un quadrato bianco accanto al nome della categoria. Poi ho capito che era il colore della categoria, ma mostrare questo quadrato sembra inutile se l’intero colore della categoria è mostrato nell’intestazione.

Senza TC
Con TC

(TC = Theme Component)

Buongiorno a tutti, dopo l’aggiornamento di oggi, qualcosa qui ha rotto i colori dei bordi delle categorie nella vista cat+topics. Qualcuno può confermarlo?

Sto riscontrando lo stesso problema, con il tema Material.

Questo non era correlato a questo componente ed è stato risolto:

Che ne dici di aggiungere un selettore di categorie?

Vorrei abilitarlo in alcune categorie sottoscritte (ottenibile anche con i livelli di fiducia)

Ho notato che nei messaggi il colore del pulsante “Rispondi all’argomento” e della maniglia della timeline è lo stesso dello sfondo. Sono entrambi bianco su bianco.

image891×427 11.5 KB

C’è anche un avviso di deprecazione nella console

[THEME 5601 ‘Colorful categories’] Avviso di deprecazione: L’importazione di getOwner da discourse-common/lib/get-owner è deprecata. Usa import { getOwner } from '@ember/application', o se hai ancora bisogno dello shim di fallback, usa import { getOwnerWithFallback } from 'discourse-common/lib/get-owner';. [deprecato da Discourse 3.2] [id deprecazione: discourse.get-owner-with-fallback]

E l’interruttore della barra laterale non cambia colore come l’icona di ricerca.

Il componente probabilmente necessita di un aggiornamento

Penso che questo dovrebbe andare bene

Ho lavorato nelle nostre directory all-the-plugins e all-the-themes per cercare di identificare in anticipo i temi/plugin interessati. Stiamo facendo progressi nell’aggiornare quelli ufficiali da parte nostra e ho inviato messaggi privati agli autori di quelli di terze parti open-source che potrebbero essere interessati