All Projects → mazipan → bulma-dracula

mazipan / bulma-dracula

Licence: MIT license
😈 Bulma css with Dracula dark color themes

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Projects that are alternatives of or similar to bulma-dracula

admin-null-nuxt
Admin Null — Free Nuxt Bulma Admin Dashboard (with dark mode)
Stars: ✭ 39 (+56%)
Mutual labels:  bulma, bulmacss
Bulma-Snippets-Sublime-Text-Plugin
Bulma Snippets Sublime Text Plugin
Stars: ✭ 13 (-48%)
Mutual labels:  bulma
UpSnap
A simple wake on lan app written with Django, Django-Channels (websockets), Celery, Redis and nmap.
Stars: ✭ 65 (+160%)
Mutual labels:  bulma
bulma-vuejs-demo-website
A demo website based on framework Bulma (css) & vuejs (JS)
Stars: ✭ 49 (+96%)
Mutual labels:  bulma
vaahcms
VaahCMS is a laravel based open-source web application development platform shipped with a headless content management system (CMS).
Stars: ✭ 56 (+124%)
Mutual labels:  bulma
bulma-admin
Free admin panel template based on bulma css
Stars: ✭ 28 (+12%)
Mutual labels:  bulma
worthit
💸 Vale a pena? Calcule o preço anual de um item com essa PWA
Stars: ✭ 18 (-28%)
Mutual labels:  bulma
ghost-vue
Frontend for Ghost built with Vue.js and Bulma
Stars: ✭ 25 (+0%)
Mutual labels:  bulma
Cool-Checkboxes-for-Bulma.io
Cool CSS based checkbox for Bulma.io
Stars: ✭ 66 (+164%)
Mutual labels:  bulma
pagination
Aplus Framework Pagination Library
Stars: ✭ 167 (+568%)
Mutual labels:  bulma
vue-webpack-boilerplate
A webpack boilerplate with vue-loader, axios, vue-router and vuex
Stars: ✭ 51 (+104%)
Mutual labels:  bulma
nuxt
Nuxt 3 and Vue 3 client for genealogy project. Family tree and genealogy data processing website software client.
Stars: ✭ 97 (+288%)
Mutual labels:  bulma
vue-custom-google-autocomplete
🔍 Google Place Autocomplete Search - Renderless component + Wrappers for Bulma, Bootstrap and more...
Stars: ✭ 31 (+24%)
Mutual labels:  bulma
purescript-bulma
PureScript bindings for Bulma
Stars: ✭ 21 (-16%)
Mutual labels:  bulma
balance
A laravel finance application for everyday use
Stars: ✭ 23 (-8%)
Mutual labels:  bulma
doubao community frontend
手把手vue+springboot前后端分离项目实战---豆宝社区前端项目代码
Stars: ✭ 119 (+376%)
Mutual labels:  bulma
vue-social-login
A Vue.js social login with: Firebase, Bulma and PWA
Stars: ✭ 21 (-16%)
Mutual labels:  bulma
graphX
A simple blog based on Nuxt and graphQL
Stars: ✭ 19 (-24%)
Mutual labels:  bulma
Wall-Street
A React Based Web App that allows you to trade virtually
Stars: ✭ 29 (+16%)
Mutual labels:  bulma
admin-two-vue-bulma-dashboard
Free Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported
Stars: ✭ 68 (+172%)
Mutual labels:  bulma

😈 bulma-dracula

Bulma Dracula Bulma Travis Bulma Dracula NPM Download Dependencies

Bulma css with Dracula dark color themes

Homepage

https://mazipan.github.io/bulma-dracula/

Screenshoot

Screenshoot

Usage

Install dependency:

$ yarn add bulma-dracula
# OR
$ npm i bulma-dracula

Import 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

Override Variables

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";

Dracula Color Palette

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

Support me


Copyright © 2019, Released under MIT license. By Irfan Maulana from 🇮🇩

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].