How To Make Website DARK MODE | Dark Theme Website Design Using HTML, CSS & JS

AWFUL – I just can’t believe how awful and challenging this company is to deal with. Please please don’t use them. Steve Soderquist, Mississippi,

Learn How To Make Dark Mode On Website | Dark Mode, Dark Theme Website Design Using HTML CSS and JavaScript Step by Step


Watch This video to make website design:

Download Icons:

In this video we will create light mode and dark mode switching option on website using HTML CSS and JavaScript. We will use CSS variables to change theme color from one place. after that we will add JavaScript that will change the theme color by clicking on icon, it will also change the icon from moon icon to the sun icon. after watching this video you can convert any website into dark mode or night mode or dark theme website.


❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate

Recommended Videos:

HTML and CSS For Beginners

Login and Register with Database connectivity:

Make Contact form using HTML CSS PHP

Make Form With Password hide and display toggle:

Make login and registration form with Transition:

Make a full website using HTML and CSS

Best hosting up to 60% off (coupon- EASYTUTORIALS)

Affordable hosting up to 91% (coupon- EASYTUTORIALS)

My recommended tools and tutorials

◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:

image credit:

Like – Follow & Subscribe us:

◼️ YouTube:
◼️ Facebook:
◼️ Twitter:
◼️ Instagram:

Easy Tutorials

  • ampomah kofi
    Posted at 14:32h, 30 March

    Your tutorials saved me slots boss

  • mian sher zaman
    Posted at 14:36h, 30 March

    sir ak request ha ap sa

    Posted at 14:48h, 30 March

    Sir please make complete website as you did with college website some days before

  • Lion lion
    Posted at 14:54h, 30 March


  • Ahsan Aman
    Posted at 15:10h, 30 March

    please make a video on pages. like how to connect two pages like HOME and SIGNUP

    Posted at 15:14h, 30 March

    Website Code link

  • Hashemi Md: Rafsan Jani
    Posted at 15:20h, 30 March


  • lifeform106
    Posted at 15:28h, 30 March

    Will part 5 of the college website be released soon? I would like to see the php and upload to the internet

    Posted at 15:52h, 30 March

    Thanks you sir I am told you then you upload dark night and light mode video again thank you sir

  • Atharva
    Posted at 16:03h, 30 March

    I want to make a website which will store data of user by just login form
    Means i will add users name and password manually, i will upload thier data, and they will able to download it
    Can you make a video on it ??
    If you want more details , i will mail you, give me your email🙂

  • Nayim Ali Khan
    Posted at 16:46h, 30 March

    Very nice effect video sir

  • Mai Reaksa
    Posted at 16:55h, 30 March

    Hi Can you create css framework

  • Shishir Datta
    Posted at 17:19h, 30 March

    Just best bro

  • Noob ALB
    Posted at 17:33h, 30 March

    Broo I have on weak in your channel you are great thanks bro I love you

  • Ashik Mahmud
    Posted at 18:13h, 30 March

    how to do the same thing when I will use .scss

  • Elite Company
    Posted at 19:21h, 30 March

    You have the best tutorials. Can you please do more with CSS Grid???

  • Ubaid M
    Posted at 21:33h, 30 March


  • Niroo Bathik
    Posted at 01:23h, 31 March

    Tutorial is so clear and with your sound it is easier to understand…
    Thank you

  • G012 Bhise Aniket
    Posted at 03:32h, 31 March

    Thank you so much sir

  • Mahmudul Hasan Joy
    Posted at 07:01h, 31 March

    Superb Ninja Simple technic used dark-them. Thank you so much.

  • YK Vlog
    Posted at 08:00h, 31 March

    what is your software name bro

  • Sasamitha vismitha TV
    Posted at 08:19h, 31 March

    Please put Java script if you can

  • ussardor
    Posted at 08:59h, 31 March

    Thank you so much. I'm teaching my students with the help of your videos. We are writing your projects in class.

  • Krishnaji Kulkarni
    Posted at 09:00h, 31 March

    Nice explanation sir..👍
    Sir plz make video on Reactjs….

  • Alex Andreevich
    Posted at 09:01h, 31 March

    Can you send this project on pls?

  • High Tommy
    Posted at 09:09h, 31 March

    Best teacher, thank you your leason. 👋

  • Alex Andreevich
    Posted at 09:13h, 31 March

    I can't open your sponsorship link in the description of the video. Any ideas?

  • Pavan
    Posted at 09:30h, 31 March

    Hi Bro. When it is in dark theme then if we refresh its changing into light, theme how to make it to be in standard theme?

  • Eric Rwanda
    Posted at 10:10h, 31 March

    waww you mak my day

  • Ad Ad
    Posted at 17:15h, 31 March

    Awesome 🔥

  • manoj kumar
    Posted at 17:20h, 31 March

    Thank you so much

  • Hulk Hiếu
    Posted at 06:00h, 01 April

    thanks, when i know about you, i hope you can teach me somethings like this, i learned it, one more time Thanks so much.

    Posted at 06:43h, 01 April

    Hey, thank you for the video it is really great. One thing though, when I click on moon icone to change the theme, icon does not change into sun icon….I can't figure out why ? Can you help please ?

  • Shaheen Islam
    Posted at 08:37h, 01 April

    bro please you give us (bootstrap 5 & javascript) basic to advance tutorial……..??
    your tutorial on of the best tutorial

  • re new
    Posted at 10:35h, 01 April

    Thanx 4 sharing ur knowledge pls do share pix and coding source if possible

  • mh mishal
    Posted at 16:27h, 01 April

    Sir i am your student.
    Sir please🙂 i wolud like to make it responsive

  • Mr. Gigi
    Posted at 20:15h, 01 April

    I wish i could buy you a coffee.