Modifier les couleurs du thème

Type d'action : Administration
Pages concernées : Général
En bref :
  • Le guide utilise six couleurs que l'on retrouve un peu partout sur le site.
  • Ces couleurs sont définies dans « personnalisations/styles.less.css ».
Pré-requis : 1. Disposer des codes d'accès via FTP à l'hébergement (adresse, nom d'utilisateur et mot de passe).
2. Disposer d'un logiciel pour faire du FTP (le client FTP libre, FileZilla par exemple).
3. Savoir ce qu'est un fichier « .png ».
4. Savoir ce qu'est un code « RVB ».
5. Savoir éditer un fichier texte.
Notice :
  1. Démarrez votre client FTP (Filezilla par exemple).
  2. Connectez-vous à votre espace d'hébergement par FTP.
  3. Rendez-vous dans le dossier « personnalisations » du serveur web.
  4. Glissez et déposez le fichier « styles.less.css » du serveur vers votre espace local.
  5. Ouvrez, sur votre disque local, le dossier dans lequel vous avez copié le fichier « styles.less.css ».
  6. Faîtes une copie de ce fichier et nommez-la « styles.less.css.old ».
  7. Ouvrez, dans un éditeur de texte, le fichier « styles.less.css » local.
  8. Rendez-vous dans la section « Couleurs principales du thème ».
  9. Dans cette section, on trouve

    @violet: #493052;
    @vert-clair: #C2D23C;
    @vert: #94B14C;
    @gris-text: #414141;
    @gris-trait: #DBDBDB;
    @vert-trait: #96BD03;

    Règles de fonctionnement de cette section du fichier
    1. Dans cette liste, pour chaque couleur du thème, on a :
      1. un arobase « @ »,
      2. le « nom » de la couleur (ce « nom » n'est qu'une clé pour le système et ne doit jamais être modifié),
      3. deux-points suivis dʼun espace «   »,
      4. le code « RVB » de la couleur associée à ce « nom »
      5. un point virgule.
    2. On n'a le droit de changer que ce qui est après deux-points « : »
      et avant le point-virgule « ; ».
    Modifiez le code RVB de chaque couleur de façon à ce qu'il corresponde à votre besoin. Attention : modifiez uniquement le code et jamais le nom qui est à gauche des deux-points.
  10. Pensez à sauvegarder ce fichier quand vous avez terminé.
  11. Re-démarrez votre client FTP (Filezilla par exemple).
  12. Re-connectez-vous à votre espace d'hébergement par FTP.
  13. Rendez-vous dans le dossier « personnalisations » du serveur web.
  14. Glissez et déposez le fichier « styles.less.css » de votre espace local vers le serveur.
  15. Fermer votre client FTP.