Bulma css with Dracula dark color themes
https://mazipan.github.io/bulma-dracula/
Install dependency:
$ yarn add bulma-dracula
# OR
$ npm i bulma-draculaImport in your .scss files:
// this is already bundled with bulma.css
@import "~bulma-dracula/src/bulma-dracula.scss";CDN on unpkg:
https://unpkg.com/[email protected]/dist/bulma-dracula.css
Change 1.0.0 with latest version or you can just hit https://unpkg.com/bulma-dracula
Bulma Dracula already bundled with Bulma CSS, that's why it can not be overriden. You can override with only use our SCSS variable definitions.
- Install Bulma and Bulma Dracula seperately:
$ yarn add bulma bulma-dracula
# OR
$ npm i bulma bulma-dracula- Use Bulma Dracula variables:
@import "~bulma-dracula/src/bulma-dracula-vars.scss";
// You can override the default Bulma Dracula variables here
@import "~bulma/bulma";This repo will override these variables https://bulma.io/documentation/customize/variables/ with below palletes:
| Palette | Hex |
|---|---|
| Background | #282a36 |
| Current Line | #44475a |
| Selection | #44475a |
| Foreground | #f8f8f2 |
| Comment | #6272a4 |
| Cyan | #8be9fd |
| Green | #50fa7b |
| Orange | #ffb86c |
| Pink | #ff79c6 |
| Purple | #bd93f9 |
| Red | #ff5555 |
| Yellow | #f1fa8c |
- ๐ ๐ฎ๐ฉ Trakteer
- ๐ ๐ BuyMeACoffe
- ๐ ๐ Paypal
- ๐ ๐ Ko-Fi
Copyright ยฉ 2019, Released under MIT license. By Irfan Maulana from ๐ฎ๐ฉ