https://github.com/codomatech/bulma50shades
50 (and more) shades of bulma.css. Pre-Configured style sheets ready to import in your project via CDN.
https://github.com/codomatech/bulma50shades
Last synced: 10 months ago
JSON representation
50 (and more) shades of bulma.css. Pre-Configured style sheets ready to import in your project via CDN.
- Host: GitHub
- URL: https://github.com/codomatech/bulma50shades
- Owner: codomatech
- License: mit
- Created: 2023-03-16T15:06:44.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-28T15:54:23.000Z (almost 3 years ago)
- Last Synced: 2025-03-24T23:51:31.131Z (11 months ago)
- Language: SCSS
- Size: 1.16 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# `bulma50shades` - more color choices & dark mode for Bulma
This package offers 50 (and more) color variants of [Bulma CSS framework](https://bulma.io/). The style sheets ready to import in your project via [jsdelivr CDN](https://www.jsdelivr.com/). The style sheets also support the long-wanted feature of dark mode.
## Demo
You can try out most of the themes
[on the demo hosted on github](https://htmlpreview.github.io/?https://github.com/codomatech/bulma50shades/blob/main/demo/index.html).
## Usage
Include one of the style sheets from the `jsdelivr` in the head and your are set. E.g.:
`https://cdn.jsdelivr.net/npm/@codomatech/bulma50shades/dist/material--teal-500.min.css`
Explore the available variants [here](./dist).
Moreover, you can enable dark mode by adding `dark` class to the `body` tag.
---
`bulma50shades` is a work of :heart: by [Codoma.tech](https://www.codoma.tech/).