Публикации по теме 'dark-mode'


Создайте кнопку переключения темы с помощью Astrojs и TailwindCSS
То, что принесла нам Astro, — это мир без Javascript по умолчанию. Они используют эту философию, чтобы уменьшить размер пакета и ускорить первую отрисовку браузера, но это также ставит перед разработчиком множество новых задач, таких как переключение кнопки темной темы в блоге. С Next.js Я написал ThemeContext для переключения темного режима в своем блоге, созданном поверх Next.js. ThemeContext добавит class=”dark” в корневой HTML-код при монтировании приложения. Таким образом,..
Как добавить темный режим на сайт Gatsby
Одной из последних тенденций на веб-сайтах (и в приложениях) является Темный режим . В темном режиме веб-сайты (и приложения) выглядят темными (!!!), как правило, с темным фоном, светлым текстом и некоторыми акцентными цветами. Многие компании теперь требуют, чтобы эта функция присутствовала в их интерфейсах, поскольку темный режим может уменьшить расход заряда батареи (особенно на мобильных телефонах с OLED), его можно лучше читать при слабом освещении, считается, что он помогает людям..
Миф и факт о программисте: программист работает в темном режиме
Как человек, много лет проработавший программистом с ноутбуками или компьютерами, вы часто слышите мифы здесь и там. И, конечно же, многим людям все еще интересно, верен ли распространяемый миф. Например, программисты как программисты вок, это миф или факт? Давай займемся этим. Но сначала давайте определим значение слова «программист». Программист - это тот, кто пишет код для создания программного обеспечения (компьютерных приложений), предоставляя инструкции по программированию для..
Приложение «Канбан» ReactJS | Доступен темный режим!
зайдите посмотреть приложение → kanban.yuandaputri.com Привет и добро пожаловать! Сегодня замечательный день, чтобы поделиться с вами своей работой. Это простое, всем известное и полезное приложение. Канбан-приложение. Канбан — это визуальная система для управления работой на протяжении всего процесса. Он показывает вам рабочий процесс от невыполненной работы до завершения. Создание приложения Kanban было начато в марте 2023 года, но оно было отложено до июля 2023 года,..
Создайте кнопку переключения темного режима для своего веб-приложения/веб-сайта.
Есть много способов сделать это, но я покажу вам простой способ получить темный режим (ночной режим) для вашего веб-приложения или веб-сайта. давайте начнем с простого приложения React с заголовком и основным разделом. Добавьте обработчик события onClick к кнопке-переключателю и передайте имя функции-переключателя. Я стилизовал заголовок с логотипом реакции и кнопкой, ничего сложного. <div className="App"> <header className="App-header"> <img..
Тематическое приложение SwiftUI с поддержкой темного и светлого режимов
Компилировать с Xcode 11.5 MacOS и iOS поддерживают светлый и темный режимы. Поэтому важно сделать нашу тему адаптируемой к темному и светлому режимам. SwiftUI имеет встроенную поддержку темного и светлого режимов. Настройка адаптивных цветов: Для этого мы собираемся использовать набор цветов xcassets по следующим причинам: Набор цветов адаптируется к теме (светлый или темный), поэтому нет необходимости добавлять дополнительные варианты переключения в цветовом классе для..
Эксперименты с кастомными React Hooks
После выпуска React 16.8 (The One With Hooks) я приложил согласованные усилия для написания новых компонентов с использованием нового API React Hooks. Функция, которая меня больше всего интересовала, заключалась в совместном использовании пользовательского хука для нескольких компонентов в приложении. Именно тогда я заметил гибкость, которую могли обеспечить хуки, что было невозможно до того, как они были введены в экосистему React. Мне стало любопытно, какие пользовательские крючки..