对于Angular Bootstrap 4导航栏无法切换的问题，可以尝试以下解决方法：

1. 确保正确导入所需的Bootstrap和Angular模块。 在app.module.ts文件中，确保已导入NavbarModule模块和FormsModule模块：

   import { NavbarModule } from 'angular-bootstrap-md';
   import { FormsModule } from '@angular/forms';
   
   @NgModule({
     imports: [
       // ...
       NavbarModule,
       FormsModule
     ],
     // ...
   })
   export class AppModule { }
   

2. 确保在HTML模板中正确使用导航栏组件。 在你的组件的HTML文件中，确保使用了正确的导航栏组件，并正确绑定导航栏相关的属性和事件：

3. 检查是否正确绑定导航栏的切换按钮事件。 在组件的TS文件中，确保正确绑定了导航栏的切换按钮事件，并实现相应的逻辑：

   import { Component } from '@angular/core';
   import { NavbarService } from 'angular-bootstrap-md';
   
   @Component({
     // ...
   })
   export class YourComponent {
     constructor(private navbarService: NavbarService) { }
   
     toggleNavbar() {
       this.navbarService.toggle();
     }
   }
   

对于导航栏深色问题，可以尝试以下解决方法：

1. 修改导航栏的CSS样式。 在全局的CSS文件中，覆盖导航栏的默认样式，将其修改为深色背景：

   .navbar {
     background-color: #333;
   }
   
   .navbar .navbar-nav .nav-link {
     color: #fff;
   }
   

2. 使用自定义样式。 在HTML模板中，为导航栏组件添加自定义样式类，并在全局的CSS文件中为该样式类设置深色背景：

   .dark-navbar {
     background-color: #333;
   }
   
   .dark-navbar .navbar-nav .nav-link {
     color: #fff;
   }
   

希望以上解决方法能解决你遇到的问题。