Personnaliser les paramètres du thème d'une page
Pour changer le thème d'une page, depuis le passage à Doryphore, il suffit d'éditer la page, puis de cliquer sur thème et de choisir le thème souhaité.
Le thème prédéfinit un certain nombre d'éléments d'affichage : les couleurs mais aussi la police, la taille, etc.
Si on souhaite modifier un ou des paramètres du thème, il va falloir jouer avec les éléments suivants :
:root {
--primary-color: #3ca363;
--secondary-color-1: #d8604c;
--secondary-color-2: #D78958;
--neutral-color: #4E5056;
--neutral-soft-color: #b0b1b3;
--neutral-light-color: #ffffff;
--success-color: #3cab3b;
--danger-color: #d8604c;
--warning-color: #D78958;
--main-text-color: var(--neutral-color);
--main-text-fontsize: 17px;
--main-text-fontfamily: 'Nunito', sans-serif;
}
--primary-color: #3ca363;
--secondary-color-1: #d8604c;
--secondary-color-2: #D78958;
--neutral-color: #4E5056;
--neutral-soft-color: #b0b1b3;
--neutral-light-color: #ffffff;
--success-color: #3cab3b;
--danger-color: #d8604c;
--warning-color: #D78958;
--main-text-color: var(--neutral-color);
--main-text-fontsize: 17px;
--main-text-fontfamily: 'Nunito', sans-serif;
}
Par exemple, si je souhaite que la couleur neutre soit en bleu (#1a31a0), je vais ajouter le code suivant dans la page que je souhaite personnaliser
""<style>:root {
--neutral-soft-color: #1a31a0;
}</style>""
Pour vous aider, vous pouvez tester les différentes options / couleurs en allant sur ce site : https://yeswiki.net/?DemoThemes