Personnaliser le graphisme du wiki (thèmes, titres...)


Changer de thème

Aller dans la Roue crantée (en haut à gauche), puis "Gestion du site", puis onglet "Mises à jour / extensions".
Là, en dépliant l'encadré "Thèmes" vous pouvez télécharger plusieurs autres thèmes en cliquant juste sur les boutons "installer".

Ensuite, dans l'onglet "Thèmes graphiques", vous pouvez appliquer ces thèmes sur plusieurs pages du wiki, ou faire de ce thème le thème par défaut (aller tout en bas de la page).

Astuce : pour prévisualiser des thèmes, collez ce code dans une page de votre wiki : 
{{themeselector}}


Changer les couleurs du thème Margot

Collez le code ci-dessous dans le pied de page (plutôt en bas de la page pied de page , PageFooter)

Pour aller trouver les codes des couleurs : https://www.code-couleur.com/ 

""<style>

 :root {
   --primary-color: #7140A4; /* Pour changer la couleur du menu du haut et des titres */
   --secondary-color-1: #d8604c;
   --secondary-color-2:#D78958;
   --neutral-color:#4E5056;
   --neutral-soft-color:#b0b1b3;
   --neutral-light-color: #ffffff;

   --success-color: #3cab3b;/* Pour changer la couleur des boutons dont on a choisi la couleur "Success" */
   --danger-color: #d8604c; /* Pour changer la couleur des boutons dont on a choisi la couleur "danger" */
   --warning-color: #D78958;/* Pour changer la couleur des boutons dont on a choisi la couleur "warning" */
   }
   
h1 {
font-size: 32px; /* Pour changer la taille de police des titre 1 */
color:#f29400;/* Pour changer la couleur du titre 1 */
}

h2 {
  font-size: 25px;/* Pour changer la taille de police des titre 2 */
color:#f29400;/* Pour changer la couleur des titre 2 */
}

h3 {
font-size: 20px; /* Pour changer la taille de police des titre 3 */
color:#f29400;/* Pour changer la couleur des titre 3 */
}

h4 {
font-size: 20px;/* Pour changer la taille de police des titre 4 */
color: #ff8000;/* Pour changer la couleur des titre 3 */
}
   
</style>""



Changer les couleurs du thème City

Collez le code ci-dessous dans le pied de page (plutôt en bas de la page pied de page , PageFooter)

Pour aller trouver les codes des couleurs : https://www.code-couleur.com/ 

""<style>/* Look a la wikilleurbanne */:root {
  /* police de caractere pour le texte (ajouter le css pour charger la webfont si necessaire)*/
  --main-font: 'Montserrat', sans-serif; 
  
  /* taille de base pour le texte */
  --main-font-size: 16px;
  
  /* fond (blanc un poil cassé) */
  --bg-color:#f7f7f7;
  
  /* couleur texte (gris) */
  --main-text-color:#3b3b3b;
  
  /* couleur principale (vert) */
  --primary-color:#03a099;

  /* couleur de lien (rouge) */
  --link-color:#ff6d66; 

  /* couleur de lien actif (gris) */
  --active-link-color:#333;

  /* couleur de blanc */
  --white-color:#FFF; 

  /* couleur de gris */
  --grey-color:#edf2f4; 

  /* couleur de succes */
  --success-color: #4ecdc4;

  /* couleur de d'info */
  --info-color: #8d99ae;

  /* couleur de risque */
  --warning-color: #ffe066;

  /* couleur de danger */
  --danger-color: #d90429;
}
</style>""