Bootstrap-Dark-Theme

inspired by material design dark theme guide and bootswatch

demo

---

Usage

Generate Theme min css file

1. run grunt build:dark
2. compiled css file will at dark/bootstrap.min.css

Run Local Sample Website

1. run python3 -m http.server
2. visit http://127.0.0.1:8080/dark/

Screenshots

---

---

Customization

Each theme consists of two LESS files.

variable.less: which is included by default in Bootstrap, allows you to customize these settings.

skin.less: introduces more extensive structural changes.

---

TODO

[ ] customize selection input/ checkbox

[ ] add css transition delay to nav bar hover event

---

Reference

Bootswatch 3.2.0

https://github.com/thomaspark/bootswatch/tree/v3.2.0

Bootstrap 3.3.5

https://github.com/twbs/bootstrap/tree/v3.3.5

Make-Bootstrap-Themes

https://github.com/bofeng/make-bootstrap-themes

Material Design Dark theme

https://material.io/design/color/dark-theme.html