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