/* Change root colors and settings of the document */
:root {
  --body-bg: white;
  --body-color: black;
  --cassiopeia-color-primary: white;
  --cassiopeia-color-hover: blue;
  --cassiopeia-color-link: purple;
}


 /* Override the background with white */
 .container-header {
   background-color: white;
   background-image: none;
   color: black;
}



/* Color the menu */

.container-header .mod-menu {
color: black;
}


/* Color the dropdown menu in the menu with the class .metismenu.mod-menu .mm-collapse */

.metismenu.mod-menu .mm-collapse {
    background: #66918a;
    color: black;
}


/* The links in the dropdown menu you have to adress them individually */

.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: black;
}