/ 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 {

  • -primary-color: #3771c8;

  • -main-text-color:#bfbfbf;
  • -main-text-fontsize:16px;
  • -main-text-lineheight:1.5em;
  • -main-text-fontfamily:'Inter UI', sans-serif;
  • -main-selected-text-bg:#f3c677;
  • -main-bg-color:#0b1728;
  • -main-container-bg-color:#0b1728;

  • -main-container-margin: 0;
  • -main-container-width: 100%;
  • -main-container-text-width: 100%;
  • -main-container-border-radius: 0;
  • -main-container-box-shadow: none;
  • -neutral-light-color: var(main-bg-color);
  • -section-background-image-width:100vw;
  • -section-background-image-margin:-50vw;
  • -section-background-image-position:50%;

  • -navbar-bg-color: #0b1728;
  • -navbar-text-color: #87aade;
  • -navbar-link-color: #87aade;
  • -navbar-link-bg-color: transparent;
  • -navbar-link-hover-color: #c0c0ff;
  • -navbar-link-bg-hover-color: transparent;
  • -navbar-border: none;
  • -navbar-border-radius : 4px 4px 0 0;
  • -navbar-shadow: 1px 1px 1px rgba(0,0,0,.2);


  • -header-bg-color: #0b1728;
  • -header-text-color: #1f9eb9;
  • -header-title-color: #1f9eb9;

  • -footer-bg-color: #0b1728;
  • -footer-text-color: #bfbfbf;
  • -footer-link-color: #9e9ee3;
  • -footer-title-color: #1f9eb9;
  • -footer-border-top: none;

  • -title-color: #3771c8;

  • -btn-border:none;
  • -btn-border-radius:2px;
  • -btn-default-color:#bfbfbf;
  • -btn-default-background:#0b1728;
  • -btn-default-border:1px solid #7b1e7a;
  • -btn-default-hover-color:#c0c0ff;
  • -btn-default-hover-background:#0c0a3e;
  • -btn-default-hover-border:1px solid #b33f62;
  • -btn-primary-color:#bfbfbf;
  • -btn-primary-background:#0b1728;
  • -btn-primary-border:1px solid #7b1e7a;
  • -btn-primary-hover-color:#c0c0ff;
  • -btn-primary-hover-background:#0c0a3e;
  • -btn-primary-hover-border:1px solid #b33f62;
}
.panel-body, .panel {
  • background-color: #191409;
}
.dataTable tr.odd td {
  • background-color: #292419;
}
.dataTable tr.even td, .dataTable tr th {
  • background-color: #191409;
}
.dataTables_filter input, .dataTables_info {
  • color: #c9c4b9 !important;
}
.form-control, .control-label, .control-label:after, .control-label:before, .form-control option {
  • background-color: var(--main-bg-color) !important;
  • color: var(--main-text-color) !important;
}
.navbar-brand {
  • background-image: url(/files/PagePrincipale_distrilablogo2color64_20211020060202_20211020060243.png);
  • background-repeat: no-repeat;
  • background-size: 48px;
  • padding-left: 54px;
}
.border-top {
  • margin-top: .2em;
  • padding-top: .2em;
  • border-top: 1px solid #000000 !important;
}
#yw-topnav .dropdown-menu {
  • border: #000000 !important;
  • box-shadow: -2px 2px 12px #000000;
}
li.divider ~ li.divider {
  • display: none;
}