Публикации по теме 'dark-mode'
Включите «темный» режим с переменными CSS и JavaScript уже сегодня
С момента появления в MacOS Mojave «Темный режим» стал широко распространенным.
Если пользователь выбирает «Темный режим», общие возможности ОС адаптируются для обеспечения согласованного взаимодействия с пользователем.
Многие компании представили темную тему для своих приложений в 2018 году, например Spark, Things 3, Sketch или Ulysses .
Есть веб-сайт, на котором есть исчерпывающий список многих других приложений и веб-сайтов. Https://darkmodelist.com/ .
В этом посте я объясню,..
Отметил, что сейчас живет в темноте…
Вас удивит, что еще одно приложение поддерживает темный режим?
Вас не удивит, что еще одно приложение поддерживает темный режим, верно?
Это может означать только одно: мы все любим работать до поздней ночи 🌛
По мере того, как любовь к тьме становилась все более очевидной, мы неизбежно знали, что это нужно делать! ✅
В конце концов, ни один человек никогда не ступал на темную сторону луны 🌘
Фактически, наша миссия началась задолго до того, как Apple объявила об..
Темный режим с React и SCSS
Внедрить темный режим так же просто, как вызвать переключатель для ваших классов.
Вот простой пример добавления темного режима в ваши приложения React. Вы можете использовать ту же логику и в своих приложениях Javascript.
Создайте новое приложение для реагирования.
Создайте папку components в папке src.
Создайте компонент с именем Hello.jsx внутри этой папки компонентов.
Ваша файловая структура должна выглядеть как src › компоненты › Hello.jsx
Теперь внутри компонента..
Как я добавил темный режим на свой сайт
Недавно я переделал свой сайт . Вот 2 изображения того, как это выглядело для справки:
Я разработал этот веб-сайт почти год назад и по ходу дела внес много изменений, как и любой другой веб-сайт.
Прежде чем мы продолжим: Загрузите мои 15 бесплатных электронных книг о JavaScript, React, Python, Svelte и многом другом!
В конце концов, мне надоел дизайн: заголовок слишком большой, слишком много места потеряно вместо того, чтобы сразу отображать контент, и так далее...
React Native Dark Mode и тематика
Новый темный режим в iOS меня очень взволновал. Я мог использовать все свои любимые приложения, но теперь они были Dark 😎. Хорошо, не так уж и интересно, но я думаю, что для многих просто изменение презентации освежает.
Мне пришлось немедленно внести несколько поправок в наше приложение на работе, и я также подумал о том, как я могу развернуть эту функцию в своих собственных приложениях. Естественно, они оба следуют схожему шаблону, когда дело доходит до цветов (или цветов 🙄) и..