Skip to content
Bulma prefers dark theme
CSS
Branch: master
Clone or download
Latest commit 940dbb2 Jun 7, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Update README.md Apr 6, 2019
build Clean up sass files and fix minified file name Apr 6, 2019
css Clean up sass files and fix minified file name Apr 6, 2019
sass Clean up sass files and fix minified file name Apr 6, 2019
.editorconfig
.gitattributes
.gitignore Add .npmignore file in Apr 7, 2019
.npmignore Add .npmignore file in Apr 7, 2019
.nvmrc Set node version Apr 6, 2019
LICENSE Add LICENCE Apr 6, 2019
README.md Update README.md Apr 6, 2019
bulma-prefers-dark.sass Mark comment block as special so its kept after minifying Apr 7, 2019
package-lock.json Bump js-yaml from 3.13.0 to 3.13.1 Jun 6, 2019
package.json Update dependency node-sass to v4.12.0 May 20, 2019
renovate.json Add renovate.json May 1, 2019

README.md

bulma-prefers-dark

Safari screenshot

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.

You can’t perform that action at this time.