Bulma 如何使用 Nuxt 色彩模式？

Question

我最近尝试了这个很棒的 @nuxtjs/color-mode 模块。它在我做的每个沙箱上都很好用。

现在，我想将它与 Bulma 作为 UI 框架集成到我的真实项目中。我已经将颜色模式添加为模块并配置了我的 nuxt.config.js。当我更改主题颜色（从浅色到深色）时，每个 Bulma 组件都保持不变，但所有其他组件（例如 <span>）从浅色模式变为深色模式。

有没有人知道如何在 Bulma 中正确使用颜色模式？

Answer 1

我刚刚创建了一个教程，介绍如何使用 nuxt-color-mode 和 Bulma： https://github.com/kensixx/nuxt-color-mode-with-bulma

基本上您需要创建一些 .scss 文件来覆盖 Bulma 的 scss 变量。

不过，如果 Bulma 实现了他们自己的组件暗模式版本以使其更容易，那就太好了。但我相信这是他们的一张未决门票。