:root {



  • -primary-color: #000000; / couleur de la barre de menu, des titres et des liens /
  • -secondary-color-1: #b0b1b3; / couleur utilisée pour les cadres des facettes /
  • -secondary-color-2:#ff007c; / couleur utilisée pour l'encadre du texte mis en valeur /
  • -neutral-color:#000000; / couleur des textes /
  • -neutral-soft-color:#b0b1b3; / couleur du menu de la barre d'edition /
  • -neutral-light-color:#fff; / couleur de fond de votre wiki /

  • -success-color: #4eb857; / couleur utilisée pour les messages positifs par defaut vert /
  • -danger-color: #f15844; / couleur utilisée pour les messages d'erreur par defaut rouge /
  • -warning-color: #ffde2f; / couleur utilisée pour les messages d'alerte par defaut jaune /

  • -main-text-color:var(--neutral-color); / couleur des textes /
  • -main-text-fontsize: 17px; / taille du texte /
  • -main-text-fontfamily:'Roboto', sans-serif; / police /
  • -main-title-font-family: 'Roboto', sans-serif; / police /
  • -main-bg-color:var(--neutral-light-color); / couleur de fond de votre wiki /
  • -main-container-bg-color:var(--neutral-light-color); / couleur de fond de la partie centrale votre wiki /
  • -link-color: var(--secondary-color-2); / couleur des liens /
--link-hover-color: var(--primary-color); / couleur des liens au survol /
--navbar-bg-color: var(--neutral-light-color); / couleur de la barre de menu /
--navbar-text-color: var(--primary-color);
--navbar-link-color: var(--primary-color);
--navbar-link-bg-color: var(--secondary-color-2);
--navbar-link-hover-color: var(--secondary-color-2);
--navbar-link-bg-hover-color: var(--secondary-color-2);
--navbar-border: none;
--navbar-border-radius: 0;
--navbar-shadow: none;
--header-bg-color: var(--neutral-light-color);
--header-text-color: var(--primary-color);
--header-title-color: var(--primary-color);
--footer-bg-color: var(--neutral-light-color); / couleur de fond du pied de page /
--footer-text-color: var(--main-text-color);
--footer-title-color: var(--main-text-color);
--footer-border-top: 1px solid var(--neutral-soft-color);
--btn-border: none;
--btn-border-radius: .5em;
--checkbox-color: var(--primary-color);
}



DOC EXEMPLE YESWIKI (de base sur le site)

/ Voici un exemple de css custom pour le theme margot, il agit sur les variables css non personnalisables dans le theme et permet de faire des css sur mesure. Chaque ligne ci-dessous est à décommenter pour etre utilisée Pour en savoir plus, voyez la documentation sur https://yeswiki.net/?DocumentationThemeMargot /

/ :root { /

/ couleur des titres /
/ --title-h1-color:var(--neutral-color); /
/ --title-h2-color:var(--primary-color); /
/ --title-h3-color:var(--secondary-color-1); /
/ --title-h4-color:var(--secondary-color-2); /
/ couleur pour les messages positifs par defaut vert /
/ --success-color: #3cab3b; /

/ couleur pour les messages d'erreur par defaut rouge /
/ --danger-color: #d8604c; /

/ couleur pour les messages d'alerte par defaut orange /
/ --warning-color: #D78958; /

/ couleur de fond de la partie centrale votre wiki /
/ --main-container-bg-color:var(--neutral-light-color); /

/ couleur des liens /
/ --link-color: var(--primary-color); /

/ couleur des liens au survol /
/ --link-hover-color: var(--primary-color); /

/ couleur de la barre de menu /
/ --navbar-bg-color: var(--primary-color); /

/ --navbar-text-color: var(--neutral-light-color); /

/ --navbar-link-color: var(--neutral-light-color); /

/ --navbar-link-bg-color: transparent; /

/ --navbar-link-hover-color: rgba(255,255,255,0.85); /

/ --navbar-link-bg-hover-color: transparent; /

/ --navbar-border: none; /

/ --navbar-border-radius: 0; /

/ --navbar-shadow: none; /

/ --header-bg-color: var(--neutral-light-color); /

/ --header-text-color: var(--neutral-color); /

/ --header-title-color: var(--primary-color); /

/ couleur de fond du pied de page /
/ --footer-bg-color: white; /

/ --footer-text-color: var(--main-text-color); /

/ --footer-title-color: var(--main-text-color); /

/ --footer-border: 3px solid var(--neutral-soft-color); /

/ --btn-border: none; /

/ --btn-border-radius: .5em; /

/ --checkbox-color: var(--primary-color); /

/ } /