Bulma css with Dracula dark color themes
npm install bulma-dracula!Bulma Dracula !Bulma   !Download !Dependencies
> Bulma css with Dracula dark color themes
https://mazipan.github.io/bulma-dracula/
Install dependency:
``bash`
$ yarn add bulma-draculaOR
$ npm i bulma-dracula
Import in your .scss files:
`scss`
// this is already bundled with bulma.css
@import "~bulma-dracula/src/bulma-dracula.scss";
CDN on unpkg:
https://unpkg.com/bulma-dracula@1.0.0/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:
`bash`
$ yarn add bulma bulma-draculaOR
$ npm i bulma bulma-dracula
- Use Bulma Dracula variables:
`scss`
@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 | RGB | HSL |
--- | --- | --- | --- |
Background | #282a36 | 40 42 54 | 231° 15% 18% |#44475a
Current Line | | 68 71 90 | 232° 14% 31% |#44475a
Selection | | 68 71 90 | 232° 14% 31% |#f8f8f2
Foreground | | 248 248 242 | 60° 30% 96% |#6272a4
Comment | | 98 114 164 | 225° 27% 51% |#8be9fd
Cyan | | 139 233 253 | 191° 97% 77% |#50fa7b
Green | | 80 250 123 | 135° 94% 65% |#ffb86c
Orange | | 255 184 108 | 31° 100% 71% |#ff79c6
Pink | | 255 121 198 | 326° 100% 74% |#bd93f9
Purple | | 189 147 249 | 265° 89% 78% |#ff5555
Red | | 255 85 85 | 0° 100% 67% |#f1fa8c
Yellow | | 241 250 140 | 65° 92% 76%` |
- Via trakteer
- Direct support, send me an email
---
Copyright © 2019, Released under MIT license. By Irfan Maulana from 🇮🇩