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

jloh/bulma-prefers-dark

Repository files navigation

bulma-prefers-dark

Safari screenshot

Bulma now supports dark mdoe out of the box, this repo is no longer maintained
See the docs https://bulma.io/documentation/features/dark-mode/

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

npm npm

Installation

npm install bulma-prefers-dark
... Or ...
yarn add bulma-prefers-dark

Usage

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

Copyright & License

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