How to Add Dark Light Mode Using Bootstrap in 2 Steps | Dark Theme Website | Bootstrap Tutorial

In this video we will learn how to design a website made using bootstrap to support Dark Mode/Theme. We will be using a toggle switch as well to toggle between dark and light mode/theme.
Bootstrap 5 supports two color modes
a. Dark
b. Light.
c. custom
With support of dark/light mode you can easily create design which will suits your needs rather than writing custom css styles which are more error prone.
Code Link : github.com/ssnegi15/Resume
Demo Url: ssnegi15.github.io/Resume/
#darkmode #lightmode #bootstrap #bootstrap5 #toggleswitch #css #bootstraptutorial #toggleswitch #tutorial

[@heathenfire]

Thank you! This was exactly what I wanted

[@learnandcodetogether]

Glad I could help!

[@jdzreacts836]

Super helpful. Thanks!

[@learnandcodetogether]

Glad it was helpful!

[@steven8667]

It worked perfectly!!!

[@marklouis7222]

Thank you so much.

[@colinpayne9994]

This was amazing

[@My.Daisy.]

love you

[@kidistkifle236]

thanks

[@caiosalles9997]

THANKS

[@learnandcodetogether]

You're welcome!

[@SanskritiGuptaInTech]

can we customise the colors?

[@learnandcodetogether]

Yes you can. getbootstrap.com/docs/5.3/customize/color-modes/ for your reference

[@user-mo9bc8lo6b]

Thanks, get a like!

[@adazr5190]

how to change color on dark mode ????

[@learnandcodetogether]

You need to override global colors based on you are using css or sass.

[@error12p]

If you are using sass, and install bootstrap with NPM, the variables you have to replace the color value you want is in this file: node_modules\bootstrap\scss\ _variates-dark.scss

[@Anuj_Hindu_10k]

Not working for me

[@learnandcodetogether]

what?

[@sunderbonthu4669]

upload css

[@learnandcodetogether]

which css? only one index.html file and bootstrap

[@md.abirhasan7089]

didnt worked

[@learnandcodetogether]

maybe something missing, check the repo and version