Das Problem ist nicht, dass der Footer weiß ist. Das Problem besteht darin, dass der Seiteninhalt nicht groß genug ist, um die gesamte Ansichtsfensterfläche auszufüllen.
Trotzdem können Sie dies auch mit CSS beheben. Versuchen Sie zusätzlich Folgendes hinzuzufügen:
#main > div:first-child {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#main-outlet {
flex: 1 0 auto;
max-width: calc(100% - 20px);
width: $large-width;
}