Skip to content
This repository has been archived by the owner on Mar 29, 2024. It is now read-only.


Repository files navigation


Safari screenshot

Bulma now supports dark mdoe out of the box, this repo is no longer maintained
See the docs

A Bulma extension that adds support for the prefers-color-scheme: dark media query

npm npm


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="" />

Copyright & License

Code copyright 2019 James Loh. Code released under the MIT license.