« Modèle:Couleur/doc » : différence entre les versions

Navigation interactive dans l’historique

Dernière version du 2 mars 2026 à 14:45

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

@@ Ligne 1 : / Ligne 1 : @@
-Ce modèle permet de colorer '''entièrement une cellule de tableau''' avec des couleurs modernes inspirées de Bootstrap 5.
+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 ===
+== Syntaxe ==
+=== Cellule de tableau ===
 <pre>
 | {{Couleur|nom-couleur|contenu}}
 </pre>
-'''Note importante :''' Ce modèle doit être utilisé '''directement après le symbole <code>|</code>''' dans une cellule de tableau.
+=== Badge inline ===
+<pre>
+{{Couleur|nom-couleur|contenu}}
+</pre>
-=== Couleurs disponibles ===
+Le modèle détecte automatiquement le contexte. Pour forcer un badge inline,
+utiliser <code>{{#invoke:TableColors|badge|nom-couleur|contenu}}</code>.
+== Couleurs disponibles ==
 {{#invoke:TableColors|list}}
-=== Exemples d'utilisation ===
+Les alias suivants sont également acceptés :
+{| class="wikitable"
+! Alias !! Équivalent
+|-
+| <code>vert</code> || <code>success</code>
+|-
+| <code>rouge</code> || <code>danger</code>
+|-
+| <code>jaune</code> || <code>warning</code>
+|-
+| <code>bleu</code> || <code>info</code>
+|-
+| <code>gris</code>, <code>neutre</code>, <code>neutral</code>, <code>primary</code> || <code>secondary</code>
+|}
+== Exemples ==
+=== Tableau d'état ===
+<pre>
+{| 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}} ||
+|}
+</pre>
+'''Résultat :'''
-==== Tableau de permissions ====
+{| 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}} ||
+|}
+=== Tableau de permissions ===
 <pre>
 {| class="wikitable"
-! Permission !! Par défaut !! Description
+! Permission !! Valeur !! Description
 |-
 | ChestShop.admin || {{Couleur|warning|true}} || Accès administration
 |-
-| ChestShop.shop.* || {{Couleur|success|true}} || Accès boutique
+| ChestShop.shop.* || {{Couleur|success|true}} || Accès boutique complet
 |-
-| {{Couleur|jaune|<code>ChestShop.mod</code>}} || {{Couleur|jaune}} || {{Couleur|jaune|Modérateur}}
+| ChestShop.mod || {{Couleur|secondary|false}} || Rôle modérateur
 |}
 </pre>
@@ Ligne 31 : / Ligne 85 : @@
 {| class="wikitable"
-! Permission !! Par défaut !! Description
+! Permission !! Valeur !! Description
 |-
 | ChestShop.admin || {{Couleur|warning|true}} || Accès administration
 |-
-| ChestShop.shop.* || {{Couleur|success|true}} || Accès boutique
+| ChestShop.shop.* || {{Couleur|success|true}} || Accès boutique complet
 |-
-| {{Couleur|jaune|<code>ChestShop.mod</code>}} || {{Couleur|jaune}} || {{Couleur|jaune|Modérateur}}
+| ChestShop.mod || {{Couleur|secondary|false}} || Rôle modérateur
 |}
-==== Cellules vides colorées ====
+=== Cellule vide colorée ===
-Pour une cellule complètement colorée mais vide :
+Pour colorer une cellule sans contenu :
 <pre>
-| {{Couleur|jaune}}
+| {{Couleur|danger}}
 </pre>
-==== Cellules avec du code ====
+=== Badge dans du texte courant ===
 <pre>
-| {{Couleur|info|<code>permission.node</code>}}
+Ce composant est {{#invoke:TableColors|badge|success|stable}}.
 </pre>
-=== Limitations ===
+'''Résultat :''' Ce composant est {{#invoke:TableColors|badge|success|stable}}.
+== Notes techniques ==
+* Les couleurs sont définies dans <code>[[MediaWiki:Citizen.css]]</code> via les
+variables <code>--nefald-*-bg</code>, <code>--nefald-*-text</code> et
+<code>--nefald-*-border</code>.
+* 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 <code>table-color-*</code> définies dans Citizen.css.
+== Voir aussi ==
-* Ce modèle fonctionne '''uniquement dans les tableaux'''
+* [[MediaWiki:Citizen.css]] — Définition des variables et classes de couleur
-* Il doit être placé '''juste après le <code>|</code>''' de la cellule
+* [[Aide:Charte graphique]] — Palette complète et règles d'usage
-* Pour colorer du texte normal (hors tableau), utilisez des balises HTML directement
 <noinclude>[[Catégorie:Documentation de modèle]]</noinclude>