/* Dark mode styles */

/* Zie home.css
.dark-mode body {
  background-color: black;
  color: white;
}
*/
.dark-mode .navbar {
	background-color: #222222;
	color: #fff;
}

.dark-mode .menu {
	background-color: #444444;
}

.dark-mode .card {
	background-color: #1c1c1c;
	color: #fff;
}

.dark-mode .small-text {
	color: #ccc;
}

.dark-mode .medium-text {
	color: #ddd;
}

.dark-mode .form-check-input:checked {
	background-color: #0069d9;
}

.dark-mode .slider {
	background-color: #ff6600;
}

.dark-mode .slider:before {
	background-color: #ff0000;
}

.dark-mode .list-group-item {
	background-color: #7777cc;
	color: #fff;
}

.dark-mode #my-image,
.dark-mode #my-image2,
.dark-mode #my-image3,
.dark-mode #my-image4,
.dark-mode #my-image5,
.dark-mode #my-image6 {
	/* Pas hier de gewenste stijlen aan voor de donkere modus voor elk afzonderlijk beeld */
	/* Bijvoorbeeld: */
	border: 2px solid #fff;
}

/* Aanvullende stijlen voor dark mode */

/* Voeg hier aanvullende stijlen toe voor andere elementen die aangepast moeten worden in de dark-modus */
/* Bijvoorbeeld: */

.dark-mode .some-element {
	background-color: #333333;
	color: #fff;
}