« 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 : @@
-== Utilisation ==
+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.
-Ce modèle permet de colorier les cellules de tableau avec des couleurs modernes inspirées de Bootstrap 5.
+== Syntaxe ==
-=== Syntaxe ===
+=== Cellule de tableau ===
 <pre>
-{{Couleur|nom-couleur|texte optionnel}}
+| {{Couleur|nom-couleur|contenu}}
 </pre>
-=== Couleurs disponibles ===
+=== Badge inline ===
+<pre>
+{{Couleur|nom-couleur|contenu}}
+</pre>
+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 ===
+Les alias suivants sont également acceptés :
 {| class="wikitable"
-! Permission !! Par défaut !! Description
+! 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 :'''
+{| 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 !! 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
+|-
+| ChestShop.mod || {{Couleur|secondary|false}} || Rôle modérateur
+|}
+</pre>
+'''Résultat :'''
+{| class="wikitable"
+! Permission !! Valeur !! Description
+|-
+| ChestShop.admin || {{Couleur|warning|true}} || Accès administration
 |-
-| ChestShop.shop.create || {{Couleur|info|false}} || Création désactivée
+| ChestShop.shop.* || {{Couleur|success|true}} || Accès boutique complet
 |-
-| ChestShop.shop.buy || {{Couleur|danger|false}} || Achat bloqué
+| ChestShop.mod || {{Couleur|secondary|false}} || Rôle modérateur
 |}
-=== Compatibilité ===
+=== Cellule vide colorée ===
+Pour colorer une cellule sans contenu :
+<pre>
+| {{Couleur|danger}}
+</pre>
+=== Badge dans du texte courant ===
+<pre>
+Ce composant est {{#invoke:TableColors|badge|success|stable}}.
+</pre>
+'''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 ==
-Les anciens noms de couleurs sont toujours supportés :
+* [[MediaWiki:Citizen.css]] — Définition des variables et classes de couleur
-* <code>vert</code> → success
+* [[Aide:Charte graphique]] — Palette complète et règles d'usage
-* <code>rouge</code> → danger
-* <code>jaune</code> → warning
-* <code>bleu</code> → info
-* <code>gris</code> → secondary
-[[Catégorie:Modèle de formatage]]
+<noinclude>[[Catégorie:Documentation de modèle]]</noinclude>