nuxt.js - 如何在 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 实现了他们自己的组件的暗模式版本以使其更容易，那将是非常棒的。但我相信这是他们的待处理票之一。