here is my MagicMirror

das Module Navigate und MMM-MyCommute geht noch nicht richtig, aber der Rest geht
Module Navigate and MMM-MyCommute is not working right yet, but the rest is working

here are my Modules:
module: “MMM-Navigate”,
module: ‘MMM-DWD-WarnWeather’,
module: “MMM-Fuel”,
module: “MMM-NetworkScanner”,
module: ‘MMM-pihole-stats’,
module: ‘MMM-EventHorizon’,
module: ‘MMM-MyCommute’,

@simphi hello here can you see my custom it’s not completely done yet. but it might help you a little

/*****************************************************
 * Magic Mirror                                      *
 * Custom CSS                                        *
 *                                                   *
 * By Michael Teeuw http://michaelteeuw.nl           *
 * MIT Licensed.                                     *
 *                                                   *
 * Add any custom CSS below.                         *
 * Changes to this files will be ignored by GIT. *
 *****************************************************/
html {
  cursor: none;
  overflow: hidden;
  background: #2a313b;
}

::-webkit-scrollbar {
  display: none;
}

body {
  margin: 10px;
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: #2a313b;
  
  font-weight: 400;
  font-size: 2em;
  line-height: 1.5em;
  margin-bottom: -10px;
  -webkit-font-smoothing: antialiased;
}

.dimmed {
    color: #000;
}

.normal {
    color: #000;
}

.bright {
  color: #000;
}
.header {
  color: #000;
}
.module.calendar{
  background-color:#2a313b;
  border-radius:8px;
  padding:8px;
  color: #00f2ff;
  border: 1px solid ##00f2ff;
  width:300px;
  height: 150px;
  }

.module.clock {
  background-color:#FFCC00;
  border-radius:8px;
  padding:8px;
  color: #FFCC00;
  border: 1px solid #2a313b;
  width:300px;
  height: 150px;
  }
.module.updatenotification {
	color: #FFCC00;
	border: 1px solid #FFCC00;
}