How to make the main menu white

To do this, specify in the global CSS:

/* white menu */
html body #accordionSidebar{background: #fff !important;}
.sidebar-dark .nav-item .nav-link{color: #222 !important;}
.sidebar-dark .nav-item .nav-link i {
    color: #222 !important;
}
.sidebar-dark .nav-item .nav-link:active i, .sidebar-dark .nav-item .nav-link:focus i, .sidebar-dark .nav-item .nav-link:hover i {
    color: #000 !important;
}
.sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after{
color: #222 !important;
}

.sidebar-heading{ color: #444 !important;}
.sidebar-dark hr.sidebar-divider {
    border-top: 1px solid #444 !important;
}
body .sidebar-dark .sidebar-brand{color: purple !important;}
/* end white menu */

If you need to leave a color option on your mobile, then use media queries.

@media (min-width: 768px) {
    
}
Falcon Space is a functional web development platform on a narrow stack MS SQL/Bootstrap. Falcon Space Gettting started
{sp-shortDemostandLinks}
Note