A Bulma extension that adds support for the prefers-color-scheme: dark media query
npm install bulma-prefers-dark
... Or ...
yarn add bulma-prefers-dark
This extension works as-is in combination with Bulma by adding an alternative dark theme via the @media (prefers-color-scheme: dark) media query.
Include it in your SaSS pipeline after you've included Bulma and you're good to go:
@import "../../node_modules/bulma/bulma.sass";
@import "../../bulma-prefers-dark/bulma-prefers-dark.sass";Alternatively include it in your HTML via unpkg:
<link rel="stylesheet" type="text/css" href="https://unpkg.com/bulma-prefers-dark" />Code copyright 2019 James Loh. Code released under the MIT license.