Смена цветовой темы сайта

Рет қаралды 13,552

Просто: разработка

3 жыл бұрын

Сделать переключение цветовых тем на сайте просто! Достаточно написать несколько CSS переменных и переключатель.

Пікірлер: 57

@prosto_razrabotka 3 жыл бұрын

😎 Получить исходники и другие преимущества - boosty.to/prostorazrabotka ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

@alexanderalexander7722 3 жыл бұрын

А это еще проще чем я думал. Спасибо за твои полезные видосы! И не смотри на количество лайков. Ты делаешь очень полезные и толковые уроки. Жаль не все это ценят. Так что ждем новых видео.

@sergeypr5521 3 жыл бұрын

То что доктор прописал! Спасибо большое! Просто и доступно

@mrcrodo 3 жыл бұрын

Супер мне понравилось, на всех моих проектах в GitHub pages теперь будет и темная сторона и светлая)

@user-ic5vg6ki4i 3 жыл бұрын

Быстро, просто, лаконично!

@maxskurski1138 3 жыл бұрын

Круто, и что еще круче - быстро! :) Спасибо

@prosto_razrabotka 3 жыл бұрын

Ок)

@RuslJet 3 жыл бұрын

огромное спасибо) хотелось бы дать предложение по увеличению Ваших роликов на 10 секунд, ну например заставку на 10 секунд вставить, а то Ютуб за 10 секунд до конца вставляет свои предложения на пол экрана и код перекрывается)

@kotlancer 3 жыл бұрын

простота залог успеха, до встречи в следующем видео! :))

@prosto_razrabotka 3 жыл бұрын

))

@kotlancer 3 жыл бұрын

Вот и время этого видео пришло! Давно хотел проект с переключателем)))

@user-ku6zf7jq3s 2 жыл бұрын

Хотелось бы продолжения про куки, сохранение значения на сервере или в локалсторадж. Более подробный пример, как это использовать на реальном сайте, например когда стили светлой темы уже написаны и нам надо подключить css файл с темной темой, переопеределяющей цвета.

@AdwardGoncharov 3 жыл бұрын

Сразу лайк по умолчанию, я кстати когда такое делал сохранял значение в localstorage

@prosto_razrabotka 3 жыл бұрын

Тоже варик

@wickedtorpedo75 3 жыл бұрын

Мало просмотров люди не знает что такой качественный контент

@fluisha3727 3 жыл бұрын

Найс, спасибо большое)

@from_brest2631 3 жыл бұрын

Просто разработка 👍

@user-dk9yl4ct7b 3 жыл бұрын

Полезная информация.

@user-iu8xx1mv7t 3 жыл бұрын

Спасибо за видео

@prosto_razrabotka 3 жыл бұрын

Спасибо за просмотр -)

@user-jb3cd5uk2j 3 жыл бұрын

супер!!! спасибо

@prosto_razrabotka 3 жыл бұрын

И вам спасибо -)

@andreyzhukov2821 3 жыл бұрын

Добрый день! Скажите, пожалуйста, как прелпочтительнее менять тему, через ThemeProvider или Вашим способом?

@lackevil3730 3 жыл бұрын

А вот это круто!

@prosto_razrabotka 3 жыл бұрын

Спасибо

@dear_hoff 2 жыл бұрын

Слышал, что на проектах Вам нужно поддерживать ie, который не поддерживает сколько помню css переменные, можно пример смены темы, например, при использовании scss/sass и как это можно сделать на js/ts без фреймворков?

@wireinet 3 жыл бұрын

На самом интересном закончилось...чего там про куки-то?? :) Будет продолжение? Тема актуальная очень! Спасибо!

@siyavushxan4200 2 жыл бұрын

Круто!

@privet_baget 3 жыл бұрын

Интересно, а все нижестоящие !important`ы? перезапишутся при таком подходе? Кто-то мог и "раскидать" ведь их по всему сайту) Что в такой ситуации делать?

@user-yq9pv9by2h 3 жыл бұрын

Круто)

@prosto_razrabotka 3 жыл бұрын

Спасибо)

@klij Жыл бұрын

А что надо делать чтобы менять не HTML тег а, например div?

@1MrAnonymous11 3 жыл бұрын

Вижу новый видос сразу лайк) Запиши пожалуйста видео про свойство clip path а то самому разбирать сложно, а видео есть ток англоязычные.

@prosto_razrabotka 3 жыл бұрын

Если бы я сам знал как оно работает..))

@1MrAnonymous11 3 жыл бұрын

@@prosto_razrabotka ну может вы хоть англ знаете,посмотрите видосы и запишите для нас неучей))

@bohdanzghonnik6504 3 жыл бұрын

Как раз работаю над реакт приложением, можно такую легкую лазейку использовать, пока лень разбираться со всякими ThemeProvider(ами). Спасибо.

@konglomora227 3 жыл бұрын

Лайкаю и пишу комменты, лишь бы ты продолжал радовать своими видео)

@prosto_razrabotka 3 жыл бұрын

Спасибо)

@ReAgent003 3 жыл бұрын

Класс, спасибо! 4:45 - как сохранять в куки? А что если воспользоваться localStorage?

@volodymyrfursov5948 3 жыл бұрын

Нет ни какой принципиальной разницы где хранить значение можно куки можно в localStorage

@maxijerox338 4 күн бұрын

Только странно в одном моменте когда я пишу class="Dark или Light то у меня проподает все кроме двух кружочков это странно как это решить помогите пожалуйста? 😊