Build An Easy Light/Dark Mode Toggle With CSS & JavaScript

Опубликовано: 16 Апрель 2023
на канале: Slaying The Dragon

26,419

1.2k

🚨🚨🚨 COURSES - https://slayingthedragon.io 🚨🚨🚨
Join the discord - / discord
Codepen for this - https://codepen.io/ramzibach-the-styl...

To add dark mode to our website, we first need some elements in our HTML.

All I have is button with the class of theme-toggle and an SVG icon inside it.

Under the button, I also have an h1 that displays dark/light mode and under the h1, I have a paragraph that displays filler text.

In my CSS, I don’t have much, I just have what’s needed for the layout to be in the middle of the page....

Cursor icon from https://icons8.com/icon/14102/cursor

Смотрите видео Build An Easy Light/Dark Mode Toggle With CSS & JavaScript онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Slaying The Dragon 16 Апрель 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 26,419 раз и оно понравилось 1.2 тысяч людям.

2,148