Catégories colorées

[Discourse]

	Résumé	Catégories Colorées utilise les couleurs de chaque catégorie à davantage d’endroits lorsque vous consultez une liste de sujets par catégorie ou à l’intérieur d’un sujet.
	Aperçu	Aperçu sur le Créateur de Thèmes Discourse
	Lien vers le dépôt	https://github.com/discourse/discourse-colorful-categories
	Nouveau sur les thèmes Discourse ?	Guide pour débutants sur l’utilisation des thèmes Discourse

Installer ce composant de thème

Comme il s’agit d’un #composant de thème officiel maintenu par l’équipe Discourse, les demandes de Support, de bug, d’ux et de #fonctionnalité peuvent être soumises dans les catégories respectives ici sur Meta, en les étiquetant avec la balise appropriée du composant de thème. Cliquez sur un lien ci-dessous pour en démarrer un.

 Support  Bug  UX  Fonctionnalité

Fonctionnalités

Catégories Colorées utilise les couleurs de chaque catégorie à davantage d’endroits lorsque vous consultez une liste de sujets par catégorie ou à l’intérieur d’un sujet ; l’en-tête, les boutons de réponse/création, la chronologie du sujet et l’éditeur.

Les couleurs de l’éditeur changeront en fonction de la catégorie sélectionnée :

Paramètres

Chacun des changements de couleur mentionnés ci-dessus peut être désactivé dans les paramètres du thème.

Nom	Description
utiliser la couleur de la catégorie dans l’éditeur	désactiver pour utiliser les couleurs par défaut de l’éditeur
utiliser la couleur de la catégorie dans l’en-tête	désactiver pour utiliser les couleurs par défaut de l’en-tête
utiliser la couleur de la catégorie dans la chronologie	désactiver pour utiliser les couleurs par défaut de la chronologie du sujet
utiliser la couleur de la catégorie dans les boutons	désactiver pour utiliser les couleurs par défaut des boutons

Notes de développement

Vous pouvez désactiver tous les paramètres si vous souhaitez utiliser ce composant comme moyen de rendre les couleurs des catégories réutilisables en tant que propriétés CSS personnalisées. Par exemple, chaque page de catégorie et chaque sujet auront ces propriétés définies :

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

et l’éditeur obtiendra :

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

Celles-ci peuvent être réutilisées où vous le souhaitez dans votre propre CSS, par exemple :

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

Certaines valeurs par défaut sont définies lorsqu’une catégorie n’est pas présente, que vous pouvez modifier dans votre propre CSS :

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

Hébergé par nous ? Les composants de thème sont disponibles pour une utilisation sur nos plans Standard, Business et Entreprise.

[tobiaseigen]

J’aime beaucoup ce composant de thème qui rend très clair dans quelle catégorie vous vous trouvez. Il semble que l’espacement de certains boutons change lorsque ce composant de thème est installé.

Avec le composant de thème :

Sans le composant de thème :

[galligan (Matt Galligan)]

@awesomerobot C’est un composant vraiment cool et il semble qu’il soit sous-estimé en ce moment !

Hier, nous avons rencontré une situation où ce genre de chose aurait pu être utile dans notre instance Discourse for Teams. (Discourse for Teams… équipe… si vous nous écoutez, veuillez ajouter ce composant de thème !)

• Nous avons un certain nombre de catégories dont les autorisations sont restreintes à certains groupes
• Parfois, des informations sensibles peuvent y être partagées
• Il est possible que si quelqu’un n’est pas prudent, il sélectionne la mauvaise catégorie et publie quelque chose sans s’en rendre compte dans une catégorie moins restrictive
  • Pire encore, s’il existe des déclencheurs de publication automatique, comme vers Slack, ce contenu pourrait être diffusé avant même qu’il y ait beaucoup de chances de déplacer la publication
    • Et oui, cela nous est arrivé

Avoir un indicateur visuel fort sur l’endroit où le contenu va serait extrêmement utile.

Je pourrais aller plus loin et suggérer que ce plugin (ou une autre version de celui-ci) concerne le « contexte de catégorie ». Peut-être qu’une fonctionnalité supplémentaire pourrait être que le nom de la catégorie soit également ajouté aux boutons d’action. Voir ci-dessous :

[quangmai911 (Quang Mai)]

Merci beaucoup pour cette perle rare. J’adore pour l’instant @awesomerobot

Cependant, j’ai un petit problème avec l’en-tête du menu. Il change de couleur comme la couleur des catégories créer un nouveau sujet. J’ai essayé avec différents thèmes et ils ont tous le même problème

Y a-t-il un moyen de changer uniquement la couleur des catégories tout en gardant la couleur de l’en-tête du menu ?
Link

[manuel (Manuel Kostka)]

J’ai travaillé sur un cas où la couleur de la catégorie n’était pas prise en compte (et était consignée dans la console) pour certaines catégories. Il m’a fallu un certain temps pour trouver la cause commune, mais il semblait que ce soit le réglage du filtre pas de sous-catégories au lieu de tous les sujets sur la page des paramètres de catégorie :

Choisir ce réglage ajoute /none à l’URL de la catégorie. Et cela semble interférer avec la sélection de la couleur.

[ondrej]

Je viens d’ajouter cela aujourd’hui, ça rend vraiment bien

Cependant, chaque fois que j’appuyais sur un sujet, je voyais un carré blanc à côté du nom de la catégorie. Puis j’ai réalisé que c’était la couleur de la catégorie, mais montrer ce carré semble inutile si la couleur entière de la catégorie est affichée dans l’en-tête.

Sans TC
Avec TC

(TC = Composant Thème)

[MarcP]

Bonjour à tous, après la mise à jour d’aujourd’hui, quelque chose a cassé les couleurs des bordures de catégories dans la vue cat+topics. Quelqu’un peut-il confirmer cela ?

[sok777 (sok)]

J’expérimente cela aussi, avec le thème Material.

[awesomerobot (Kris)]

Ceci n’était pas lié à ce composant et a été corrigé :

Categories boxes border-color broken after update

This fix has been merged (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub), so after updating Discourse the colors should return.

[satonotdead]

Et pour l’ajout d’un sélecteur de catégories ?

Je veux l’activer dans quelques catégories abonnées (réalisable aussi avec les niveaux de confiance)

[Moin]

J’ai remarqué dans les messages que la couleur du bouton \u003ckbd\u003erépondre\u003c/kbd\u003e au sujet et de la poignée de la chronologie est la même que celle de l’arrière-plan. Ils sont tous deux blancs sur blanc.

Il y a également un avis de dépréciation dans la console
\u003e [THEME 5601 ‘Colorful categories’] Avis de dépréciation : L’importation de getOwner depuis discourse-common/lib/get-owner est dépréciée. Utilisez import { getOwner } from '@ember/application', ou si vous avez toujours besoin du shim de secours, utilisez import { getOwnerWithFallback } from 'discourse-common/lib/get-owner';. [déprécié depuis Discourse 3.2] [id de dépréciation : discourse.get-owner-with-fallback]

Et le basculeur de la barre latérale ne change pas de couleur comme l’icône de recherche.

[Lilly]

Le composant a probablement besoin d’une mise à jour

November 2023 - refactoring Discovery routes: how will it affect my theme/plugin?

As part of our project to upgrade Discourse to the latest version of Ember, we’ve been working on a significant refactoring of the Discovery (a.k.a. the ‘topic list’) routes. This topic is targeted at theme/plugin developers, and aims to list the kinds of theme/plugin activities which may be affected by the refactoring. Background This refactoring is necessary because modern Ember no longer supports ‘named outlets’ like {{outlet "topics"}}, which we were using extensively on these routes. Ess…

[david (David Taylor)]

Je pense que celui-ci devrait aller

J’ai parcouru nos répertoires all-the-plugins et all-the-themes pour essayer d’identifier les thèmes/plugins affectés à l’avance. Nous progressons dans la mise à jour des thèmes officiels de notre côté, et j’ai envoyé des messages privés aux auteurs de thèmes tiers open-source qui pourraient être affectés