Após ter feito as alterações lá no CSS pra deixar a cor do Marrom claro, só a bolinha não mudou de cor.
HTML:
<a class="nav-link" href="#">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault">
<label class="form-check-label" for="flexSwitchCheckDefault">Modo noturno</label>
</div>
CSS:
input[type=checkbox] {
border: 2px solid var(--marrom-claro);
box-shadow: none;
}
input[type=checkbox]:checked,
input[type=checkbox]:focus {
background-color: var(--marrom-claro);
border-color: var(--marrom-claro);
box-shadow: none;
outline: none;
}
