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

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

GreatStack

3 года назад

730,139 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Jory Alharbi
Jory Alharbi - 18.11.2023 11:21

thank you so much!

Ответить
Eleonore Bajwa
Eleonore Bajwa - 14.11.2023 21:42

cool video)

Ответить
Not Pro
Not Pro - 30.10.2023 05:25

This was very helpful, thanks!

Ответить
Dabiun
Dabiun - 26.10.2023 23:52

Just amazing dude <3

Ответить
MD. RAHAT
MD. RAHAT - 19.10.2023 10:52

thanks broooo

Ответить
Lucas Ferreira
Lucas Ferreira - 18.10.2023 08:46

i'm trying to set it to trigget smoothly from white to dark and vice versa.

Ответить
Dilipkumar Gudipati
Dilipkumar Gudipati - 15.10.2023 14:52

Great content Please keep uploading these kind of videos

Ответить
Ali Abbas
Ali Abbas - 03.10.2023 20:27

sir can u give source code kindly

Ответить
Kamalesh R
Kamalesh R - 02.10.2023 06:56

Bro thanks for this video ❤ , it's so easy to understand, Thankyou

Ответить
Vedant Kadam
Vedant Kadam - 29.09.2023 17:51

how to create that image shape and add image about it ?

Ответить
Ehsan Ullah
Ehsan Ullah - 17.09.2023 07:08

Hi Sir you say that i will give the link in description but we find the link in description

Ответить
Fahad shaikh
Fahad shaikh - 03.09.2023 13:00

Its working on single page not for everypage what should I do?

Ответить
Fahad shaikh
Fahad shaikh - 03.09.2023 11:52

This worked for me thank you so much ❤️

Ответить
Fahad shaikh
Fahad shaikh - 02.09.2023 23:06

Not working

Ответить
mahdi rezaii
mahdi rezaii - 28.08.2023 23:03

thank you , your solution is so helpful

Ответить
meta sok
meta sok - 24.08.2023 13:00

Thank you so much for this tutorial.

Ответить
Zohra Manzoor
Zohra Manzoor - 04.08.2023 13:34

mine is not working

Ответить
Emmanuel Baffoe Appiah-Ofori
Emmanuel Baffoe Appiah-Ofori - 14.07.2023 04:52

hi, I wanted to use an icon vector instead of an image, how do I do this?

Ответить
Manash Roy
Manash Roy - 28.06.2023 20:24

Thank you so much❤ Now I have completed my project. ❤❤❤❤

Ответить
Gary Reid Backing Tracks
Gary Reid Backing Tracks - 19.05.2023 05:51

This did it! Thank you so much.

Ответить
Kore Anil
Kore Anil - 17.05.2023 17:18

suggest some js projects with explanation

Ответить
A R I S
A R I S - 12.05.2023 06:19

from where can I get that orange type background, you are using behing the image ?

Ответить
Puneet Yadav
Puneet Yadav - 10.05.2023 13:17

from where I can get source code of this portfolio design??

Ответить
Prince Hasn
Prince Hasn - 08.05.2023 14:44

Thanks for the excellent tutorial

Ответить
Dreamy😴💬
Dreamy😴💬 - 03.05.2023 08:50

But when we see in phone mode the photo of dark mode is not responsive , can someone help me

Ответить
YOGA ADIT TAMA
YOGA ADIT TAMA - 23.04.2023 03:58

great video, very useful, thanks for the knowledge bro 🔥

Ответить
Huberson N'cho
Huberson N'cho - 15.03.2023 18:07

Thank you my bro for sharing this amazing website i really appreciate it 👍👍

Ответить
jjjj
jjjj - 06.03.2023 14:00

Dark theme I use. But if i refresh the page, it comes back to the previous theme. What is the solution?

Ответить
Joshua
Joshua - 25.02.2023 18:29

This was such a great video. It made it a hundred times easier

Ответить
Themes Core
Themes Core - 23.02.2023 04:08

Is it responsive?

Ответить
Roibéard Coughlan
Roibéard Coughlan - 03.02.2023 00:16

Can you switch the background images using this? As my text is not clear on the image when switching to night mode. Awesome video, thanks

Ответить
Sayed Hussain
Sayed Hussain - 30.01.2023 21:06

Thanks a ton!

Ответить
soul
soul - 28.01.2023 15:45

What do I do if I have multiple pages? Because it does not adopt the color.

Ответить
MD Ayatullah Khan
MD Ayatullah Khan - 26.01.2023 05:50

🥰🥰🥰

Ответить
Palak Vyas
Palak Vyas - 25.01.2023 08:58

I'm using svg for the moon and sun icon. How to replace svg of sun in place of img src line?

Ответить
Claude Owusu Berko
Claude Owusu Berko - 20.01.2023 08:02

I have developed My website but in two Color modes. How do I add the switch function and button to it so that I can switch between the two colors on the website

Ответить
Sparker
Sparker - 15.01.2023 08:57

you just save a brother thank so much

Ответить
Bagas Widiyanto
Bagas Widiyanto - 13.01.2023 11:22

what if refreshing the dark-theme class page remains in dark mode according to the selected mode?

Ответить
Bexzod Usmonov
Bexzod Usmonov - 04.01.2023 21:25

guud

Ответить
Prasad
Prasad - 31.12.2022 11:09

I was just not get that how you changed entire web text color when click event occurs.

By the way thank you for this project.

Ответить
Ukraine GURU
Ukraine GURU - 21.12.2022 23:19

Thanks a lot

Ответить
Viliam
Viliam - 18.12.2022 23:27

I wrote everything you wrote in the script, but it doesn't color like you and I can't :(
var icon = document.getElementById("icon");

icon.onclick = funcion(){
document.body.classList.toggle("dark-theme");

Ответить
محمد مهدی زارعی
محمد مهدی زارعی - 15.12.2022 10:37

thaaaaaank you

Ответить
Fayaz Ali
Fayaz Ali - 14.12.2022 00:49

Thanks Sir Yours videos are veey Knowledge able

Ответить
Dashing Vinit
Dashing Vinit - 13.12.2022 10:12

hey how to do if you are using gradient in the background instead of single color ?

Ответить
Bricks TV
Bricks TV - 06.12.2022 04:19

Thank you this make things easer

Ответить
Sushil Kumar
Sushil Kumar - 03.12.2022 19:53

Thank you so much

Ответить
_abhisthetics_
_abhisthetics_ - 03.12.2022 17:12

bro when i refresh the page it turns light mode and when moving to another linked page the mode is different what to do to keep same mode through all pages when clicked....?

Ответить
Shubham Mali
Shubham Mali - 30.11.2022 11:27

superb sir thank you so much greatfull....plz keep making such videos

Ответить
superjokerrr
superjokerrr - 22.11.2022 15:13

MUUUN ICON

Ответить