« Aide:Charte graphique » : différence entre les versions
De Nefald
Autres actions
Page créée avec « {{DISPLAYTITLE:Charte graphique}} __TOC__ Cette page documente les conventions visuelles du wiki Nefald. Elle est la référence pour tout contributeur créant des modèles ou des tableaux. == Couleur principale == La couleur de marque est définie via le système OKLCH du skin Citizen. La teinte (hue) actuelle est '''230''' (bleu-acier). Pour modifier la teinte globale, éditer MediaWiki:Citizen.css et changer la valeur de <code>--color-progressive-oklch_... » |
Aucun résumé des modifications |
||
| Ligne 154 : | Ligne 154 : | ||
| Noir pur || <code>.citizen-feature-pure-black-clientpref-1</code> || Variante du mode sombre | | Noir pur || <code>.citizen-feature-pure-black-clientpref-1</code> || Variante du mode sombre | ||
|} | |} | ||
<div class="ds-swatch-grid"> | |||
{{Card|title=Surface 0|subtitle=--color-surface-0|bgcolor=var(--color-surface-0)|colorheight=80|text=Fond principal}} | |||
{{Card|title=Surface 1|subtitle=--color-surface-1|bgcolor=var(--color-surface-1)|colorheight=80|text=Modals, dropdowns}} | |||
{{Card|title=Surface 2|subtitle=--color-surface-2|bgcolor=var(--color-surface-2)|colorheight=80|text=Surfaces tertiaires}} | |||
{{Card|title=Surface 3|subtitle=--color-surface-3|bgcolor=var(--color-surface-3)|colorheight=80|text=Surfaces quaternaires}} | |||
{{Card|title=Surface 4|subtitle=--color-surface-4|bgcolor=var(--color-surface-4)|colorheight=80|text=Surfaces quinaires}} | |||
</div> | |||
<div class="ds-swatch-grid"> | |||
{{Card|title=Progressive|subtitle=--color-progressive|bgcolor=var(--color-progressive)|colorheight=80|text=Accent principal}} | |||
{{Card|title=Emphasized|subtitle=--color-emphasized|bgcolor=var(--color-emphasized)|colorheight=80|text=Titres, headers}} | |||
{{Card|title=Subtle|subtitle=--color-subtle|bgcolor=var(--color-subtle)|colorheight=80|text=Captions}} | |||
{{Card|title=Link|subtitle=--color-link|bgcolor=var(--color-link)|colorheight=80|text=Liens}} | |||
</div> | |||
== Bonnes pratiques == | == Bonnes pratiques == | ||