可以使用css变量来实现这一点。
首先你定义你的主题颜色在：根

:root {
  --bg-body-dark: #202124;
  --bg-body-light: #fff;
  --text-body-light: #191919;
  --text-body-dark: #f8f9fa;
}

然后为.bg-body类指定一种颜色，主题为“light”：

[data-bs-theme=light] {
  --bg-body: --bg-body-light;
  --text-body: --text-body-light;
}

.bg-body的“dark”主题使用哪种颜色：

[data-bs-theme=dark] {
  --bg-body: --bg-body-dark;
  --text-body: --text-body-dark;
}

现在当你切换主题时，nav的背景和文本颜色应该会相应地更新。
Bootstrap 5.3定义了自己的主题颜色变量：

请随意使用这些来代替我上面声明的那些。
希望这能帮上忙。