« Modèle:Couleur/doc » : différence entre les versions
De Nefald
Autres actions
m cellule vide |
m maj couleur |
||
| (2 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
Ce modèle | 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 === | |||
<pre> | <pre> | ||
| {{Couleur|nom-couleur|contenu}} | | {{Couleur|nom-couleur|contenu}} | ||
</pre> | </pre> | ||
=== 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}} | {{#invoke:TableColors|list}} | ||
=== Exemples d' | 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 :''' | |||
= | {| 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> | <pre> | ||
{| class="wikitable" | {| class="wikitable" | ||
! Permission !! | ! Permission !! Valeur !! Description | ||
|- | |- | ||
| ChestShop.admin || {{Couleur|warning|true}} || Accès administration | | 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> | </pre> | ||
| Ligne 31 : | Ligne 85 : | ||
{| class="wikitable" | {| class="wikitable" | ||
! Permission !! | ! Permission !! Valeur !! Description | ||
|- | |- | ||
| ChestShop.admin || {{Couleur|warning|true}} || Accès administration | | 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 | ||
|} | |} | ||
=== | === Cellule vide colorée === | ||
Pour une cellule | Pour colorer une cellule sans contenu : | ||
<pre> | <pre> | ||
| {{Couleur| | | {{Couleur|danger}} | ||
</pre> | </pre> | ||
=== | === Badge dans du texte courant === | ||
<pre> | <pre> | ||
Ce composant est {{#invoke:TableColors|badge|success|stable}}. | |||
</pre> | </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 == | |||
* | * [[MediaWiki:Citizen.css]] — Définition des variables et classes de couleur | ||
* | * [[Aide:Charte graphique]] — Palette complète et règles d'usage | ||
[[Catégorie:Documentation de modèle]] | <noinclude>[[Catégorie:Documentation de modèle]]</noinclude> | ||
</noinclude> | |||