история создания тёмной темы / Хабр

В сентябре мы выпустили тёмную тему официального приложения ВКонтакте для iOS, а неделю назад релиз состоялся и на Android. За этим запуском стоит большой совместный труд разработчиков и дизайнеров. Вместе мы не просто перевели VK на тёмную сторону, но и серьёзно изменили подход к работе с цветами в наших интерфейсах, упростив их выбор и снизив вероятность ошибиться и наплодить лишних стилей.

Меня зовут Михаил Лихачёв, я ведущий дизайнер VK. Расскажу, как небольшой командой адаптировали 300 экранов и систематизировали все существующие в мобильных приложениях цвета — для этого мы синхронизировали их между платформами и вынесли работу с ними в единую дизайн-систему с токенами. Поделюсь впечатлениями о том, как нам теперь с этим живётся и усложнился ли процесс дизайна.

Зачем нужна тёмная тема

Пониженный контраст и тёмный фон помогают пользоваться приложением при слабой освещённости, не напрягая глаза. Google подтверждает, что при использовании тёмной темы устройства с AMOLED-экранами работают дольше без подзарядки. А ещё многим просто нравится чёрный цвет или хочется свежую тему оформления (при этом, конечно, без редизайна).

Сейчас тёмная тема реализована не только в популярных приложениях, но и в операционных системах macOS, tvOS, в лаунчерах на Android. А её появление на всех девайсах iOS и Android наверняка не заставит себя долго ждать.

Для нас это было также реализацией долгожданной функции — о тёмной теме пользователи просили чаще всего. Она оказалась действительно востребованной — сейчас тёмной темой на iOS и Android регулярно пользуется больше 20% аудитории.

Перед тем как делать тёмную тему, нам нужно было переорганизовать цветовую палитру нашего приложения. Цель была следующая: как в коде, так и в дизайне не должно встречаться цветов, не входящих в фиксированную палитру. Для небольшого набора цветов будет проще подбирать соответствия в тёмной теме.

Когда мы проверили всё приложение и собрали все цвета, у нас оказалось более 200 уникальных HEX-значений. С момента релиза первой версии VK App на iOS прошло более 6 лет, приложение пережило несколько редизайнов. Где-то до сих пор сохранились необновлённые экраны, а где-то встречались ситуации, когда один и тот же цвет имел значение, отличающееся крайне несущественно. Например, один цвет в HSB мог иметь разные HEX-значения в Photoshop и Sketch.

Наше приложение очень большое. Можно сказать, что это несколько приложений в одном: новости, музыка, видео, истории, трансляции, целый мессенджер и множество других не менее важных разделов и сервисов. Мы насчитали 300−400 уникальных экранов, у каждого из которых множество состояний. У одних только новостей несколько видов отображения записей и более 15 типов прикрепляемых материалов. Для такого приложения необходима более сложная система, где цвета были бы разбиты по уровням контраста, чтобы их было проще подбирать не только для тёмной темы, но и для новых контролов.

В плане организации системы цветов нам больше всего понравился подход из Material Design. Мы подготовили в похожей системе три расширенных палитры: серую, холодно-серую и синюю. При этом мы разбили цвета по уровням контраста с условными значениями от 0 до 1000, где 0 — это самый светлый, а 1000 — самый тёмный. Эти числа и стали идентификаторами цветов вместе с названием палитры — Gray 100, Blue 300 и так далее.

При подборе цветов помогает цветовая модель HSB. В ней Hue — цветовой тон, Saturation — насыщенность, а Brightness — яркость. Hue варьируется в пределах 0−360°, и мы используем в интерфейсах фиксированное значение 212° как наш брендовый цветовой тон. Saturation и Brightness задаётся от 0 до 100%.

Так как мы делим серую палитру на 10 главных оттенков, в Brightness используем шаг в 10%. Затем подмешиваем синий цвет с помощью Saturation по небольшой кривой, вместе с этим корректируя значения Brightness, чтобы сохранить нужную нам градацию контраста.

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

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

В палитру были добавлены абсолютно все цвета, использующиеся в приложении, в том числе обозначающие разные события в уведомлениях, и даже цвета из режима рисования граффити в историях. Всё стало гораздо прозрачнее: теперь в одном месте собраны все цвета приложения. А при добавлении нового цвета для частного случая нужно хорошо подумать и проверить, не подойдёт ли цвет из уже имеющихся.

Подготовив предзаданную палитру, её нужно было применить в приложении, заменив более 200 имеющихся HEX-значений на новый набор из более 50-ти. И вынести все эти цвета в один файл в виде статичных переменных, где каждый цвет из палитры имеет уникальное название.

Этим занялись наши разработчики из команды инфраструктуры на iOS и Android. Ребята подготовили алгоритм, заменяющий цвет на ближайший из новой палитры, что значительно ускорило процесс. Затем мы проверили все экраны с тестировщиками, чтобы нигде не применился неподходящий цвет, и наконец взялись за тёмную тему.

Подбор цветов в тёмной теме

Мы начали примерять цвета тёмной темы на макетах главных экранов, чтобы определиться с основными используемыми оттенками. Для фона используем Gray 900 — цвет на один тон светлее чёрного, чтобы понизить контраст между фоном и текстом. Текст по этой же причине выбрали не белый, а Gray 100.

Все главные цвета для тёмной темы были определены по той же градации, что и в светлой. Поставив в ряд идущие друг за другом по яркости стили, мы подобрали соответствующие значения, инвертировав их и сместив уровень контраста на один тон. Затем протестировали цвета на макетах, убедившись, что все элементы сохранили читаемость.

Таблица основных используемых цветов

В тёмной теме мы использовали меньшее количество цветов: синяя шапка и синие кнопки стали монохромными, спектр используемых серых оттенков сузился, а холодно-серая палитра перешла в обычный серый, сохранив контраст.

Акцентные элементы остались синими — для тёмной темы был подобран более светлый и менее насыщенный оттенок.

Были и проблемные места, например модальные окна и карточки. Затемнение под ними не хотелось инвертировать в белый, и без дополнительных мер в тёмной теме обычный фон контента сливался бы с окружением. Чтобы этого избежать, для модальных карточек мы подобрали фон на тон светлее обычного, а также добавили обводку (пока только на Android), чтобы лучше отделять их от нижнего слоя.

Такие примеры показали, что нам нужна более гибкая система при реализации тёмной темы.

Подобрав на макетах соответствующие цвета для тёмной темы, мы стали переносить это дело в код.

Как мы убедились на макетах, просто внести соответствия цветов из светлой темы в тёмную — не наш вариант. Белый не везде заменится на чёрный: у элементов одного и того же цвета в светлой теме могут быть различные цвета в тёмной. Нам потребовался точный контроль над тем, как каждый элемент или группа общих стилей перекрашиваются в тёмной теме.

Элементы должны менять цвет в соответствии со смыслом, вложенным в название переменной.

Мы определились со следующим подходом, где токен — это уникальное название элемента или группы элементов (например, background_content), а его значением может быть только цвет из фиксированной палитры (например, White). Мы сделали схему в JSON-формате, внутри которой прописаны все токены с их значениями в каждой теме.

Такая схема очень похожа на CSS-файл с идентификаторами элементов и их стилями, но в формате JSON.

Как выглядит схема с токенами background_content и text_primary

Всё, что у нас получилось, доступно на GitHub:

• палитра со всеми цветами и их уникальными названиями;
• схема со всеми токенами и их значениями в светлой и тёмной темах.

Из JSON-схемы разработчики на всех платформах генерируют код в необходимом для себя формате. Об этом с примерами кода на iOS можно почитать на слайдах Антона Спивака с его выступления на CodeFest. Доклад о реализации на Android с выступления Арсения Васильева на AppConf можно посмотреть здесь.

Напомним, что мы решили сделать строгую систему, где можно указывать цвет только из внутренней палитры, то есть в значении токена нельзя прописать произвольный HEX-код цвета. К значению токена можно добавлять параметр alpha для указания дополнительной прозрачности цвета. Этот параметр мы планируем использовать для добавления отключённого состояния и состояния при касании у контролов, чтобы не добавлять в палитру те же цвета с другой прозрачностью.

На данный момент в схеме уже больше 150 токенов. Есть как глобальные переменные, так и полностью расписанные стили каждого контрола, а также уникальные случаи, которые не поддались бы более логичному объединению, например стили бабблов из сообщений.

Примеры часто используемых токенов

Достаточно важный момент — необходимо ясно и коротко называть токены, чтобы легко и быстро их находить. Принцип наименования выбрали следующий — от большего к меньшему. По такой логике в глобальных стилях сначала указывается общий тип, а у компонентов по порядку идут название, состояние, и в конце конкретный перекрашиваемый элемент. Токен по возможности должен быть универсальным — отражать тип и семантический смысл, а не его местоположение и содержание в конкретном случае.

Sketch и Zeplin

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

Такие токены мы сгенерировали в виде символов уже после того, как составили большую часть схемы, и токенов уже тогда оказалось немало. Чтобы не составлять их вручную, мы подготовили небольшой плагин, который подтягивал актуальную версию JSON-схемы и генерировал из них токены в виде символов из шаблона, подставляя туда цвета из общих стилей библиотеки цветов. С помощью этого же плагина мы генерируем обновление библиотеки: добавляются новые токены, и обновляются значения уже имеющихся. Символ из библиотеки обновляется во всех макетах, где он используется.

Так выглядит токен в виде символа

Такие токены мы добавляем рядом с макетами и отправляем всё вместе в Zeplin. Если не понятно сразу по названию или нужно уточнить, к какому элементу относятся токены, добавляем описание и делим токены на секции, описывая конкретные элементы. Используя плагин Sketch Runner для быстрого поиска по названиям символов, мы получили свой конструктор описания тёмной темы в виде аннотаций к макетам.

Добавление описания о используемых токенах

Более нативного, простого и наглядного решения, как встроить токены в макеты с дальнейшей отправкой в Zeplin, мы не нашли. Хотя в Zeplin можно давать названия уникальным цветам, в нашей схеме один цвет может использоваться сразу в нескольких токенах.

Вместо того чтобы рисовать тёмную версию для каждого из сотни экранов, мы просто описываем всё в виде токенов, тем самым экономя время дизайнеров. Все имеющиеся значения токенов у компонентов уже протестированы, и нужно лишь подставить правильные. Единой точкой правды является UI Kit — в нём можно найти не только актуальное состояние компонента, но и его используемые токены.

Ошибки в реализации тёмной темы можно будет найти уже на стадии тестирования при проверке скриншотов. Тестировщики могут сами заметить явно неправильный цвет и попросить помощи дизайнера — для исправления недочёта понадобится только название правильного токена.

Обновления схемы

Когда требуется обновить схему, заменяя значения уже имеющихся токенов или создавая новые, нужно всего лишь отредактировать JSON-файл. Чтобы это сделать, мы подтягиваем актуальную версию схемы и вносим изменения в текстовом редакторе, не забывая при добавлении токена указать значения для всех тем. В планах — сделать для себя приложение, позволяющее более простым способом редактировать схему, но пока хватает и этого.

Подготовив обновлённую схему, мы отправляем пулл-реквест в GitHub (запрос на изменение файла), который проверяется и одобряется разработчиками. После слияния изменений разработчикам нужно подтянуть обновление UI-библиотеки, и тогда новые цвета появятся в следующей dev-сборке уже через 15 минут.

Чтобы переименовать или удалить токены в схеме, мы создаём мажорное обновление, поднимая её версию в GitHub. Это означает, что такая версия автоматически примениться не сможет, и перед обновлением версии UI-библиотеки разработчикам необходимо поддержать все изменения: обновить названия токенов, а если удаляемый токен где-то использовался, то нужно следовать комментарию из списка изменений, указывающему, какой токен нужно использовать вместо него.

Такие обновления мы можем выпускать при рефакторинге схемы: когда появилось понимание, как лучше называть токены, или если получается объединить несколько токенов в один, сохраняя при этом логику.

Кроссплатформенность и VKUI

Цвета в приложениях iOS и Android почти полностью идентичны, поэтому цветовая схема, созданная при работе с iOS, подошла и для Android. Если бы платформенные различия и были, всегда можно создать токены с суффиксом платформы.

Кроме нативных приложений у нас есть VKUI. Это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших приложений. Мы используем VKUI, чтобы создавать тестовые продукты внутри VK, а также для экранов, которыми хотелось бы управлять с сервера без обновления приложения. Кроме того, эта библиотека используется для создания сервисов VK Apps сторонними разработчиками.

VKUI собран по тому же дизайну и с тем же набором компонентов, что и нативные приложения, поэтому применение схемы и поддержка тёмной темы не потребовала новых макетов. Для нас это как ещё одна платформа, которую мы поддерживаем, только она содержит переключение между iOS и Android.

Посмотреть реализацию дизайн-системы VK в виде React-компонентов можно на VKUI Styleguide. А самое интересное то, что на этой странице можно вживую увидеть используемые нами компоненты с возможностью переключать тему и платформу.

В ближайшее время мы займёмся обновлением документации VKUI и соберём больше информации о работе нашей дизайн-команды — будет много интересного ️

Отдельная тема для мессенджера

VK Me, который тестируется пока только в Казахстане, — это отдельный мессенджер с возможностью регистрации по номеру телефона. В нём мы не только облегчили функциональность, оставив лишь общение, но и упростили дизайн.

Шапка в светлой теме стала белой, чтобы сфокусировать внимание на общении, а синий стал более ярким и насыщенным.

Мессенджер сделан на базе модуля сообщений из основного приложения, а это значит, что он использует те же компоненты и ту же схему для описания всех цветов. К примеру, чтобы перекрасить шапку и поиск, потребовалось заменить значения соответствующих токенов: header_background, header_tint, header_text, search_bar_background, search_bar_field_background search_bar_field_tint и других.

Довольно простым способом мы смогли за короткое время перекрасить всё приложение, создав новую тему оформления.

Работа с графикой

Весь набор иконок, используемый в приложениях, нарезан в белом цвете, и их можно легко перекрашивать, применяя токен из схемы.

Сложности возникли с двуцветными иконками: иконки, которые накладывались поверх аватарок в виде бейджей и которым нужна была белая обводка, нарезалась в двух цветах. Перекрасить такую было бы непросто. Подобные иконки мы разбиваем на два слоя, передний и фоновый, который применяется как маска и вырезает необходимую фигуру.

На Android также есть 9-patch графика, которая используется, например, чтобы отрисовывать карточки с тенями. Тень в них чёрная, а заливка карточки белая. Чтобы не разбивать и здесь графику на два слоя, разработчики воспользовались режимом наложения цвета Multiply — таким образом чёрная тень не перекрашивается, и цвет применяется только на белом участке картинок, что нам и было необходимо.

Итоги

При реализации тёмной темы мы серьёзно прокачали процессы, выведя связь между дизайном и разработкой на новый уровень.

Единая схема, вобравшая в себя всю работу с цветами в приложении, стала мощным, но доступным для дизайнеров инструментом и упрощает будущие обновления дизайна. Повысился уровень ответственности и осмысленности при создании стилей и добавлении цветов.

Когда появились понятные названия, отражающие контраст цветов, по ним стало гораздо проще ориентироваться, чем по HEX-значениям. Так же и с токенами — они запоминаются благодаря вложенному в них смыслу, а соблюдение логики в стилях, использующихся на нескольких платформах и приложениях, становится обязательной частью процесса.

Процесс был трудоёмким не только для дизайнеров, но и для разработчиков и тестировщиков. Но оно того стоило — тёмная тема собрала положительные отзывы пользователей, а комментарии «тёмная тема», распространившиеся на весь VK и даже вышедшие за его пределы, успели стать мемом.

История одной фишки, которую, похоже, VK «украл» у Telegram

19 сентября вышло очередное обновление Telegram, одной из фишек которого стала возможность смены темы чата в личных диалогах отдельно от интерфейса мессенджера в целом.

Обновление Telegram: цветовые темы для чатов и список прочитавших сообщение в группе

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

Код ДуроваВладислав Войтенко

Некоторые пользователи (в том числе у нас в комментариях) обнаружили, что за считанные дни до этого аналогичная фишка появилась в мобильном приложении ВКонтакте, и даже отметили, что случился довольно редкий случай, когда бывший проект Павла Дурова в чём-то опередил текущий.

С нами связался читатель из «околотелеграм-тусовки», пожелавший восстановить справедливость в этом вопросе. Он на правах анонимности заявил, что на самом деле не Telegram повторил за ВКонтакте, а разбработчики ВКонтакте «украли фичу, вместе с концепцией, но сделали намного хуже».

Читатель предоставил нам ряд фактов, которые мы проверили благодаря своим независимым источникам, восстановили хронологию событий и спешим поделиться историей, как это происходило.

Когда и как Telegram начал работать над сменой тем в личных чатах?

• По словам независимого источника из Telegram-сообщества, команда Павла Дурова начал тестировать эту функцию в альфа-версиях мессенджера «где-то 10 августа».
• Читатель нам сообщил, что 20 августа команда мессенджера запустила небольшой закрытый конкурс на реализацию фишки в мобильном клиенте. Участие в нём предложили нескольким сторонним разработчикам. В рамках технического задания им также были предоставлены дизайн-макеты функции, созданные дизайнером Telegram. Источник, близкий к Telegram, подтвердил эту информацию.
• 21 августа, как сообщал канал Telegram Info, на Github обновился исходный код Android-клиента. Главный редактор Telegram Info Антон Лапин подтвердил «Коду Дурова», что в нём были замечены первые упоминания смены тем в личных чатах. По сути, это был первый публичный источник информации о новой функции.
• В тот же день участники конкурса начали публично «коммитить» (1,2,3) свои версии реализации смены тем на Github, то есть в публичном доступе появились уже не просто упоминания фишки, но и конкретный код, которые её реализует.
• 28 августа смен тем появилась в бета-версии Telegram для iOS, а 9 сентября в бета-версии для Android, об этом писал канал Beta Info.
• 19 сентября произошёл релиз функции на обеих платформах.

Зачем ВКонтакте анонсировали не самую важную фичу почти за 3 недели до релиза?

Первое упоминание подобной функции в мобильном приложении ВКонтакте появилось 26 августа — спустя несколько дней после того, как над ним начали активно работать в Telegram. Однако тогда соцсеть лишь анонсировала возможность, которая окажется на устройствах пользователей «начиная с сентября».

Релиз же фишки произошёл спустя почти 3 недели с очередным апдейтом мобильного клиента ВКонтакте и за 5 дней до обновления Telegram (которое, к слову, задержалось из-за политических вопросов с магазинами приложений).

И что с того?

Никаких неопровержимых доказательств того, что функция была именно «украдена» разработчиками ВКонтакте, «Коду Дурова» найти не удалось.

Читатель и источник из Telegram-сообщества предположили, что ВКонтакте специально спешила с анонсом 26 августа, чтобы опередить выход первых бета-версий Telegram с новой фишкой. Информация в публичных источниках о новых функциях Telegram чаще всего появляется благодаря им.

Telegram | VK

При этом читатель допускает, что во ВКонтакте могли начать работать над функцией раньше, но оценивая её итоговую реализацию (соцсеть не реализовала все обещанные функции, о которых заявляла ранее, – прим. ред  «Код Дурова»), он сделал вывод, что разработчики соцсети явно вдохновились макетами Telegram и «попытались их срисовать».

Редакция Код Дурова направил запрос в пресс-службу ВКонтакте и получила следующий ответ:

Удивительно слышать, потому что это не так. В материале есть предложение, что Telegram начал тестировать эту функции 10 августа. В нашем приложении тестирование функции появилось намного раньше. Ещё в феврале мы начали работать над темами для всех участников чата.

В качестве доказательства представители соцсети прикрепили скриншот с работой дизайнеров.

История версий ВКонтакте — APK4Fun

APK4Fun собрал всего 168 версий для ВКонтакте APK (com.

vkontakte.android). Вы можете скачать одну из старых или старых версий.

1. ВК v8.11 APK (Последняя версия APK)

   ► Обновлено: 26 декабря 2022 г.

2. ВК v8.5 APK (старая версия APK)

   ► Обновлено: 11 ноября 2022 г.

   ► Что нового в версии 8.5:

   Новое в мессенджере:
   • Отправляйте файлы размером до 4 ГБ в любом распространенном формате.
   • Делитесь видео быстрее благодаря увеличенной скорости загрузки.

3. ВК v7.44 APK (Старая версия APK)

   ► Обновлено: 21 сентября 2022 г.

   ► Что нового в версии 7.44:

   Мы исправили некоторые проблемы и сделали приложение более стабильным. Также мы запустили новое мини-приложение от VK Health «Беги для всех бегунов».

   Это мини-приложение синхронизируется с устройством, которое вы используете для отслеживания ваших пробежек, и показывает вашу личную статистику: маршруты, расстояния, пульс, калории. В мини-приложении Run также есть спортивные онлайн-мероприятия, в которых вы можете принять участие.

Рекламные ссылки

4. ВК v7.42 APK (Старая версия APK)

   ► Обновлено: 7 сентября 2022 г.

   ► Что нового в версии 7.42:

   Два обновления для ВКонтакте Музыка:

   • 100 личных плейлистов от знаменитостей. Узнайте, что слушают популярные исполнители и насколько похожи ваши музыкальные вкусы. Посмотрите, что вас удивило, и поделитесь этим с друзьями.

   • Перенос списков воспроизведения из других музыкальных сервисов. Ваши любимые треки будут легко доступны в VK Music, а рекомендации будут лучше подходить именно вам.

   Все это можно найти здесь: Хаб → Музыка.

5. ВК v7.40 APK (Старая версия APK)

   ► Обновлено: 25 августа 2022 г.

   ► Что нового в версии 7.40:

   В клипах ВКонтакте теперь можно перематывать видео вперед и назад и смотреть их без кнопок и текста.

   • Чтобы перемотать видео вперед или назад, нажмите и удерживайте кружок на индикаторе выполнения и перемещайте его, чтобы легко найти нужный момент.

   • Нажмите и удерживайте экран, чтобы удалить элементы интерфейса, чтобы вы могли сосредоточиться на том, что происходит в видео.

   Обновите приложение, чтобы эти функции работали правильно.

6. ВК v7.35 APK (Старая версия APK)

   ► Обновлено: 21 июля 2022 г.

   ► Что нового в версии 7.35:

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

7. ВК v7.26 APK (Старая версия APK)

   ► Обновлено: 20 мая 2022 г.

   ► Что нового в версии 7.26:

   Негативные комментарии теперь автоматически скрываются в клипах ВКонтакте. Наш алгоритм распознает грубость, угрозы и спам и прячет их под полосой внизу страницы. Вы сами решаете, читать их или нет.

   Чтобы использовать эту функцию, загрузите последнюю версию приложения.

8. ВК v7.2 APK (Старая версия APK)

   ► Обновлено: 7 апреля 2022 г.

   ► Что нового в версии 7.2:

   Теперь вы можете публиковать клипы, короткие вертикальные видеоролики из любого сообщества, включая бизнес-страницы.
   Обновляйте приложение и продвигайте товары в клипах, записывайте мини-уроки и видео распаковки, а также запускайте челленджи. Ролики будут сохраняться в вашем сообществе и появляться в ленте новостей «ВКонтакте». Они также могут появляться в топе и рекомендуемых видео, помогая вам получить больше просмотров.

9. ВК v7.19APK (старая версия APK)

   ► Обновлено: 31 марта 2022 г.

   ► Что нового в версии 7.19:

   Проверить безопасность своего аккаунта можно в обновленном разделе «Управление VK ID» бокового меню.
   Приложение напомнит вам, когда нужно сменить пароль, и даст другие персонализированные рекомендации по безопасности, такие как включение двухэтапной аутентификации или привязка вашего номера телефона и адреса электронной почты. Это поможет сохранить ваши личные данные в безопасности и позволит вам быстро восстановить доступ к вашей учетной записи.

10. ВК v7.18 APK (Старая версия APK)

    ► Обновлено: 24 марта 2022 г.

    ► Что нового в версии 7.18:

    Мы исправили некоторые проблемы, о которых вы нам сказали.

11. ВК v7.17 APK (Старая версия APK)

    ► Обновлено: 18 марта 2022 г.

    ► Что нового в версии 7.17:

    Мы исправили некоторые проблемы, о которых вы нам сказали.

12. ВК v7.16 APK (Старая версия APK)

    ► Обновлено: 10 марта 2022 г.

    ► Что нового в версии 7.16:

    Мы внесли несколько изменений, чтобы приложение работало лучше при запуске.

13. ВК v7.15 APK (Старая версия APK)

    ► Обновлено: 4 марта 2022 г.

    ► Что нового в версии 7.15:

    Новые функции для телефонных звонков и чатов:
    • Идентификатор вызывающего абонента
    Приложение покажет, кто вам звонит, и может ли неизвестный номер быть спамом. Умные алгоритмы распознают подозрительные входящие звонки и проверяют номера по собственной базе компаний. Услуга бесплатна и может быть включена в настройках.

14. ВК v7.14 APK (Старая версия APK)

    ► Обновлено: 24 февраля 2022 г.

    ► Что нового в версии 7.14:

    Представляем новую ленту «В тренде», которая поможет вам быть в курсе того, о чем говорят в мире. Лента создается с помощью искусственного интеллекта, который анализирует миллионы постов и группирует их по темам, от экономики до развлечений.
    А если вы следите за Олимпийскими играми, взгляните на тематическую ленту Пекин-2022. Там вы найдете видео, результаты соревнований, мнения экспертов и таблицу медалей.
    Вы можете найти новые вкладки в верхней части ленты новостей, рядом с «Для вас».

15. ВК v7.12 APK (Старая версия APK)

    ► Обновлено: 11 февраля 2022 г.

    ► Что нового в версии 7.12:

    Недавно обновленные фоны сделают ваши истории еще красивее.
    Теперь вы можете выбрать один из трех вариантов:
    • Цвет — яркие, мягкие однотонные цвета
    • Дизайн — анимированные и статичные фоны с красивыми красочными узорами
    • Размытие — ваш обычный фон, но размытый

История версий VK Styles — Crx4Chrome

1. VK Styles v1.0.249.86 (файл CRX последней версии)

   ► Обновлено: 25 января 2023 г.

   • Размер файла: 154,63 КБ (158338 байт)

   • MD5: c78669dd5f5b588a3acf1b7bfee4d589

   • SHA1: 7aff573aba7b52f5cb2a4dc302cf75e1ec2cb15c

   • SHA256: 0cde139100d8dde908f018f37bc06001c2095b66a8fbe60df830686bd870927б

2. Стили ВК v1.0.249.51 (Файл Crx старой версии)

   ► Обновлено: 18 июня 2022 г.

   • Размер файла: 153,89 КБ (157585 байт)

   • MD5: 9a90d22ce14c5f29f954d9cca0ae1429

   • SHA1: 6cae4e528e6e107d093d576f6f168ec50428d716

   • SHA256: 09ef22a82cbf2fd7a4b5c770c18943607b1f983ebd8aefda795f3edd446ffa93

3. VK Styles v1. 0.249.50 (Старая версия Crx File)

   ► Обновлено: 16 июня 2022 г.

   • Размер файла: 153,78 КБ (157468 байт)

   • MD5: e7524d12ba638e129cc11fa44d883053

   • SHA1: 286dad35bfbdcb1d7142b9ab7906403cc7bfc018

   • SHA256: 4aa0d2d0c2877b4fd863e0e58b10917fbe93b6ed623e89899226730970d0eaa3

4. VK Styles v1.0.249.10 (Старая версия файла Crx)

   ► Обновлено: 27 декабря 2021 г.

   • Размер файла: 153,66 КБ (157344 байта)

   • MD5: 290c63f8d20634d25679d3a857ffa4aa

   • SHA1: 3d0cc19a6c02d6174b3247055ac6b0e341e8b7b5

   • SHA256: ed1df0a0b92ace0a9199f786f8484944fac1cbad9d1a85840031b5aee00ccc5a

5. Стили ВК v1.0.248.70 (Файл Crx старой версии)

   ► Обновлено: 2 октября 2021 г.

   • Размер файла: 152,31 КБ (155962 байта)

   • MD5: efa372cb55f0c773748b550fcca5e0ea

   • SHA1: 48f9dbf4cccb60af2824397f109a06b5738f34e1

   • SHA256: 05af4548a7d9c2760d49fd47305c6bc81da23b8940b025c0a067dbed1f15cec2

6. Стили ВК v1. 0.248.35 (Старая версия файла Crx)

   ► Обновлено: 9 августа 2021 г.

   • Размер файла: 152,35 КБ (156009 байт)

   • MD5: f29448e1f819a45d69e2e6c71893e08e

   • SHA1: 47802e35e549a956ec2257592ff1bd657e18b377

   • SHA256: 8f48383744994d2672d15ee6dfcaaba15342cf85459c07231f283fc878e3782e

7. VK Styles v1.0.248.30 (Старая версия файла Crx)

   ► Обновлено: 4 августа 2021 г.

   • Размер файла: 156,38 КБ (160138 байт)

   • MD5: bd66407edbc9c237a3b18e31bd2ca2c4

   • SHA1: 3536df57687fcb31afb8596a474abf8

   bd71

   • SHA256: 98979f1525afeadfd2c6c2e8a6928d63e7dd0c95e87327679a65ce15f596ed93

8. VK Styles v1.0.248.20 (Старая версия файла Crx)

   ► Обновлено: 13 июля 2021 г.

   • Размер файла: 156,04 КБ (159784 байта)

   • MD5: 33304f8687ccc3f0ca57f0e756b162fa

   • SHA1: 96f72fcabf346f51fe1eae520fed057887410ffb

   • SHA256: 5a9c7c44081c0247de9

   272adfe3b440119b016c3367f071859ed7f5c9eb

9. VK Styles v1. 0.248.12 (Файл Crx старой версии)

   ► Обновлено: 30 мая 2021 г.

   • Размер файла: 156,04 КБ (159783 байта)

   • MD5: 6ad9668b354b3f275996e2e5d2e43cab

   • SHA1: 6e7feb447011f71a0e4a359009c99f5c4b8a2498

   • SHA256: 2e89444574b1e02794b7e46af1dee21e19eafcad191f95bbbc13103d67701fd5

10. VK Styles v1.0.248.02 (Старая версия файла Crx)

    ► Обновлено: 21 апреля 2021 г.

    • Размер файла: 155,21 КБ (158934 байта)

    • MD5: 9b38e27f8a7fd2b8e57f6b082fcc9914

    • SHA1: 30bd9d0b314c05868e4dbea67506239ebbe4e2d6

    • SHA256: fc5bfbd3b279368f200afaf5c287d57a5f3460e811149abe58d9fc98faa79f79

11. VK Styles v1.0.247.87 (Старая версия файла Crx)

    ► Обновлено: 17 марта 2021 г.

    • Размер файла: 154,74 КБ (158457 байт)

    • MD5: f7fdc65d078886e9f6ef36fd5b40afb7

    • SHA1: 8a59735415b584508284d2ebdeb3cb7ff8fe6302

    • SHA256: 8f8472d2374638859c7b7a95e1390fe278d42310c464b7aa82a396cfb1beff3b

12. VK Styles v1.