The Ancillary Guide to Dark Mode and Bootstrap 5

A continuation of the v4 Dark Mode POC

This is a follow up to The Definitive Guide to Dark Mode and Bootstrap 4 body of work, and pertains to Bootstrap 5.

If you're after the same work for Bootstrap 4 please visit the vinorodrigues/bootstrap-dark repo.

About

This code will make little sense if you don't read The Definitive Guide to Dark Mode and Bootstrap 4 first.

What do you get?

The code only compiles the Method 1 and Method 4 variants (for BS5) of the topics discussed in the original body of work.

i.e.:

• bootstrap-night, and;
• bootstrap-dark

Can you use this?

Yes.

Github

If you're a theme builder or want to use its principles in your own project you'll need to have Git and Node installed.

1. Fork or download the repository: git clone https://github.com/vinorodrigues/bootstrap-dark-5.git
2. Install Node dependencies: npm install
3. Modify _variables.scss and _variables-alt.scss in the scss sub-folder.
4. Run npm run css to build your theme.
5. The compiled code will be in the dist folder.

CDN

(Comming soon...)

Feedback

If you have useful feedback drop me an "Issue" on the GitHub Issues page.

---

© 2021