GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → jloh → bulma-prefers-dark

jloh / bulma-prefers-dark

Licence: MIT License
Bulma prefers dark theme

Programming Languages

CSS
56736 projects
Sass
350 projects

Labels

dark-themebulmabulma-cssbulma-extensionprefers-color-scheme

Projects that are alternatives of or similar to bulma-prefers-dark

bulma-responsive-tables
Responsive tables component for Bulma CSS framework
Stars: ✭ 30 (-82.25%)
Mutual labels:  bulma, bulma-css, bulma-extension
dark-mode-example
Simple and fun dark-mode detection. JavaScript with a user mode toggle.
Stars: ✭ 27 (-84.02%)
Mutual labels:  dark-theme, prefers-color-scheme
vuepress-theme-default-prefers-color-scheme
add prefers-color-scheme for vuepress default theme
Stars: ✭ 51 (-69.82%)
Mutual labels:  dark-theme, prefers-color-scheme
capsule
A Hugo theme based on the CSS-only Bulma framework.
Stars: ✭ 20 (-88.17%)
Mutual labels:  bulma, bulma-css
personal-website
My personal website
Stars: ✭ 117 (-30.77%)
Mutual labels:  bulma, bulma-css
Bulma Templates
free flexbox templates built with the bulma css framework
Stars: ✭ 2,916 (+1625.44%)
Mutual labels:  bulma, bulma-css
admin-two-vue-bulma-dashboard
Free Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported
Stars: ✭ 68 (-59.76%)
Mutual labels:  bulma, bulma-css
admin-null-nuxt
Admin Null — Free Nuxt Bulma Admin Dashboard (with dark mode)
Stars: ✭ 39 (-76.92%)
Mutual labels:  bulma, bulma-css
Bulma.io-axure
AxureRP Library with Bulma.io components
Stars: ✭ 90 (-46.75%)
Mutual labels:  bulma, bulma-css
admin-one-nuxt
Admin One Nuxt - Nuxt.js Bulma Buefy admin dashboard
Stars: ✭ 23 (-86.39%)
Mutual labels:  bulma, bulma-css
awesome-bulma
🎉 A curated list of awesome things related to Bulma CSS Framework
Stars: ✭ 116 (-31.36%)
Mutual labels:  bulma, bulma-css
vue-portfolio
💼 Portfolio built with Vue and Bulma
Stars: ✭ 13 (-92.31%)
Mutual labels:  bulma, bulma-css
datatables-bulma
DataTables styling for the Bulma CSS framework
Stars: ✭ 80 (-52.66%)
Mutual labels:  bulma, bulma-css
gatsby-starter-i18n-bulma
A gatsby multilanguage template with bulma and i18n: it is a work in progress...
Stars: ✭ 22 (-86.98%)
Mutual labels:  bulma, bulma-css
Vinetos.fr
The website of Vinetos
Stars: ✭ 14 (-91.72%)
Mutual labels:  bulma, bulma-css
prism
🧛🏻‍♂️ Dark theme for Prism.js
Stars: ✭ 33 (-80.47%)
Mutual labels:  dark-theme
pagination
No description or website provided.
Stars: ✭ 14 (-91.72%)
Mutual labels:  bulma
Login-Register-Template
Login - Register Example page | Dark Template
Stars: ✭ 83 (-50.89%)
Mutual labels:  dark-theme
dark-github
Dark mode implementation for GitHub with many customizable options.
Stars: ✭ 19 (-88.76%)
Mutual labels:  dark-theme
rofi-collection
Beautiful collection of Rofi themes
Stars: ✭ 236 (+39.64%)
Mutual labels:  dark-theme
View All Similar Projects ➔

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].