在 Bootstrap 5 中实现暗/亮/...模式的最合适方法是什么？ [关闭]

Question

如何在 Bootstrap 5 中正确引入深色和浅色主题等主题。应该由 css/scss 或 js 完成，还是两者兼而有之。 我们应该用像 dark.css 这样的 css 文件覆盖类吗？ 我们应该用 js 切换像 bg-dark、bg-light 等类吗？ 我试过this answer，但我认为有一种方法可以满足所有需求。 另一个问题是，如果我们想要除了深色/白色以外的两个以上的主题，我们应该怎么做？

Answer 1

为 bootstrap 实现暗模式是一项漫长的任务，因为需要更改多个变量。更简单的方法是在 root 中使用带有 .dark/.light 的 var()，但仍然有 bootstrap 的功能需要一种可以正常工作的颜色。