EH TOI LÀ !
Cette page est utilisée pour le fonctionnement du site,
MERCI DE NE PAS MODIFIER CETTE PAGE
SANS LA PERMISSION DU STAFF.
Qu'est-ce que c'est ?
Un component pour afficher de façon esthétique et pratique la palette de couleurs des CSS.
Conçu par Woedenaz et passé en component par Croquembouche.
Utilisation
[[include component:theme-squares -=-
| color1-name=Ma couleur préférée
| color1-variable=--fav-color
| color1-info=(191, 144, 0)
]]
Notez bien le "-=-" après le nom du component. Vous devez l'inclure, sinon tout ce texte qui explique comment l'utiliser apparaîtra sur votre page.
Pour ce component, il y a trois paramètres par couleur. Remplacez N par le numéro de la couleur.
Ce component peut contenir un maximum de 6 couleurs primaires et 12 secondaires, mais vous devriez généralement rester autour de 2 primaires et 6 secondaires.
Pour ajouter une couleur primaire, ajoutez juste les trois premiers des paramètres ci-dessus dans l'include, comme montré dans l'exemple. Pour une couleur secondaire, remplacez aussi "color" par "subcolor".
Exemple
Voici un plus long exemple tiré d'un thème au hasard :
[[include component:theme-squares -=-
| color1-name=Gris Payne
| color1-variable=--gray-monochrome
| color1-info=(66, 66, 72)
| color1-has-light-text=1
| color2-name=Palissandre
| color2-variable=--bright-accent
| color2-info=(133, 0, 5)
| color2-has-light-text=1
| subcolor1-name=Alto
| subcolor1-variable=--very-light-gray-monochrome
| subcolor1-info=(215, 215, 215)
| subcolor2-name=Fumée blanche
| subcolor2-variable=--pale-gray-monochrome
| subcolor2-info=(244, 244, 244)
| subcolor3-name=Bastille
| subcolor3-variable=--dark-gray-monochrome
| subcolor3-info=(48, 48, 52)
| subcolor3-has-light-text=1
| subcolor4-name=Boucanier
| subcolor4-variable=--medium-accent
| subcolor4-info=(100, 46, 44)
| subcolor4-has-light-text=1
| subcolor5-name=Marron
| subcolor5-variable=--dark-accent
| subcolor5-info=(100, 3, 15)
| subcolor5-has-light-text=1
| subcolor6-name=Mango tango
| subcolor6-variable=--newpage-color
| subcolor6-info=(221, 102, 17)
]]
Ce code donne la palette suivante :
Outil pour convertir la syntaxe existante en arguments pour ce component