#темная_тема — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #темная_тема, aggregated by home.social.
-
Как мы пережили цветовой кризис в RuStore и нашли путь к тёмной стороне темы
Когда RuStore только запускался, мы строили дизайн на основе UI-кита от VK — удобно, практично, а главное помогло нам быстро вывести продукт на рынок. Но стор рос, интерфейсов становилось больше, дизайнеры — смелее, а требования — сложнее. И вот настал день, когда мы решили добавить тёмную тему. И всё сломалось. Именно тёмная тема вскрыла нашу главную проблему — ранняя структура цветовых токенов не готова к масштабируемости. Любое изменение запускало каскад правок и ломало синхронизацию между макетами и кодом. Под катом мы — Элина Шевченко, продуктовый дизайнер RuStore, и frontend-разработчик Андрей Едунов — расскажем историю, как мы полностью перестроили систему, не останавливая разработку, аккуратно вынесли всё из Figma в код и почему теперь можем масштабировать дизайн без драмы, даже если завтра понадобится не только тёмная тема, но и ностальгия по 2008-му, где primary — это чистый #000000, а secondary — оттенок тоски.
-
Как мы учили немонохромные SVG-логотипы краситься самостоятельно
Привет! Меня зовут Александр, я фронтенд‑разработчик в Точке. Моя команда занимается разработкой «системы построения интерфейсов» aka UI‑кита. В статье расскажу, как мы решали вопрос выгрузки многоцветных логотипов в формате SVG из Figma и добавления к ним поддержки тёмной темы.
https://habr.com/ru/companies/tochka/articles/865078/
#логотипы #ui #uikit #uiкит #темная_тема #интерфейсы #фронтенд #фронтендразработка #figma
-
Как перестать выжигать людям глаза своими письмами: настраиваем тёмную тему для рассылок
Привет! Меня зовут Евгений Шишков, я CPO конструктора рассылок EmailMaker . И я давно сталкиваюсь с одной и той же проблемой: и для мобильных, и десктопов тёмная тема уже стала классикой. Но когда дело доходит до отдельных приложений, любители этого режима рискуют выжечь себе глаза, и почтовые клиенты тут — не исключение. И даже если сам клиент тёмную тему поддерживает — далеко не факт, что письма в ней тоже будут тёмными. Одни просто отобразятся светлыми, другие криво адаптируются и от этого становятся нечитаемыми. Есть пара способов, как адаптировать свои письма под dark mode и перестать светить ими, как паяльной лампой, в глаза получателям. Ниже расскажу, как популярные клиенты ведут себя в тёмном режиме, во что превращают ваши входящие и как на это можно повлиять при помощи нюансов вёрстки и кода — пригодится, если вы хоть раз сталкивались с созданием писем или шаблонов для них.
https://habr.com/ru/companies/unisender_it/articles/868294/
#верстка_писем #адаптивные_письма #htmlверстка #email #emailрассылки #адаптивный_email #css #темная_тема #дизайн_писем
-
История «Dark Mode»: как «баг» стал «фичей»
«Темная тема» , «темный режим» , «ночной режим» , «дарк мод» — опция, которая сейчас есть практически в каждой операционной системе, приложении, браузере, сайте. Она окрашивает фоновые элементы графического интерфейса в темный цвет, а текст — в белый. Многие текстовые редакторы и интегрированные среды разработки ( IDE ) предлагают темную тему по умолчанию. Например, популярный в веб-разработке (и не только) Sublime Text . Нельзя сказать точно, когда именно появился термин «темный режим» , однако за последние несколько десятков лет темный вариант графического интерфейса превратился в набирающую обороты функцию в самых популярных приложениях, сайтах и операционных системах. Тем не менее отображение информации белым по темному существует очень давно — еще до появления технологии ЭЛТ, на смену которой впоследствии пришли ЖК и OLED.