nuxt.js - 如何与 Bulma 一起使用 Nuxt 颜色模式?

标签 nuxt.js bulma

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

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

有人对如何正确使用 Bulma 颜色模式有一些建议吗?

最佳答案

我刚刚创建了一个关于如何使用 nuxt-color-mode 和 Bulma 进行操作的教程: https://github.com/kensixx/nuxt-color-mode-with-bulma

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

如果 bool 玛能够实现他们自己的黑暗模式版本的组件以使其更容易,那就太好了。但我相信这是他们待处理的罚单之一。

关于nuxt.js - 如何与 Bulma 一起使用 Nuxt 颜色模式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63714678/

相关文章:

vue.js - 如何在 Nuxt.js 中使用 Mixpanel

vue.js - 从外部 js/ts 文件调用 nuxt/axios 模块

vue.js - Nuxt-如何找到前一条路线?

bulma - 如何在 Bulma 中为进度条使用自定义颜色?

css - 我可以将最新的 Bulma 与本书的 6.2 版一起使用吗

html - bulma 字段类不会创建边距底部

html - 如何在 Electron 应用程序中使用数据表?

javascript - 找不到 Nuxt + Netlify Forms 自定义成功页面

javascript - 如何让 Nuxt-auth 和 Nuxt-i18n 成为 friend