Modèle:Couleur/doc

Ce modèle colore une cellule de tableau ou génère un badge coloré en s'appuyant sur la palette sémantique Nefald, avec support automatique des modes clair, sombre et automatique.

Syntaxe

Cellule de tableau

| {{Couleur|nom-couleur|contenu}}

Badge inline

{{Couleur|nom-couleur|contenu}}

Le modèle détecte automatiquement le contexte. Pour forcer un badge inline, utiliser contenu.

Couleurs disponibles

Nom	Badge	Cellule	Syntaxe
Succès	Succès	Succès	`...`
Danger	Danger	Danger	`...`
Avertissement	Avertissement	Avertissement	`...`
Info	Info	Info	`...`
Neutre	Neutre	Neutre	`...`

Les alias suivants sont également acceptés :

Alias	Équivalent
`vert`	`success`
`rouge`	`danger`
`jaune`	`warning`
`bleu`	`info`
`gris`, `neutre`, `neutral`, `primary`	`secondary`

Exemples

Tableau d'état

{| class="wikitable"
! Service !! État !! Note
|-
| Serveur principal || {{Couleur|success|En ligne}} || Nominal
|-
| Backup || {{Couleur|warning|Dégradé}} || Maintenance en cours
|-
| Ancien serveur || {{Couleur|danger|Hors ligne}} || Décommissionné
|-
| Monitoring || {{Couleur|info|En observation}} ||
|}

Résultat :

Service	État	Note
Serveur principal	En ligne	Nominal
Backup	Dégradé	Maintenance en cours
Ancien serveur	Hors ligne	Décommissionné
Monitoring	En observation

Tableau de permissions

{| class="wikitable"
! Permission !! Valeur !! Description
|-
| ChestShop.admin || {{Couleur|warning|true}} || Accès administration
|-
| ChestShop.shop.* || {{Couleur|success|true}} || Accès boutique complet
|-
| ChestShop.mod || {{Couleur|secondary|false}} || Rôle modérateur
|}

Résultat :

Permission	Valeur	Description
ChestShop.admin	true	Accès administration
ChestShop.shop.*	true	Accès boutique complet
ChestShop.mod	false	Rôle modérateur

Cellule vide colorée

Pour colorer une cellule sans contenu :

| {{Couleur|danger}}

Badge dans du texte courant

Ce composant est {{#invoke:TableColors|badge|success|stable}}.

Résultat : Ce composant est stable.

Notes techniques

Les couleurs sont définies dans MediaWiki:Citizen.css via les

variables --nefald-*-bg, --nefald-*-text et --nefald-*-border.

Le support des modes clair, sombre et automatique est géré entièrement par le CSS —

aucune couleur n'est codée en dur dans le modèle.

Le modèle utilise les classes table-color-* définies dans Citizen.css.

Voir aussi

MediaWiki:Citizen.css — Définition des variables et classes de couleur
Aide:Charte graphique — Palette complète et règles d'usage