Изменение темы оформления ВКонтакте на компьютере и телефоне

Тема для социальной сети ВКонтакте: что это такое

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

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

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

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

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

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

Как изменить тему в мобильном приложении VK: 2 способа

Официальное приложение

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

Однако для владельцев гаджетов как на Android, так и на iOS есть некоторое утешение: в одном из последних обновлений мобильного клиента ВК появилась возможность сменить стандартную тему на «темную». Это делается прямо в настройках приложения.

Просто переключитесь на темное оформление и посмотрите, как изменился внешний вид сайта:

Контакт

Возможность поменять дизайн мобильной версии соцсети есть и в альтернативном клиенте ВК «Контакт» для Android.

Порядок действий:

• Установите приложение из Play Market.

• Запустите его и зайдите в свой аккаунт. В разделе «Настройки» перейдите на вкладку «Оформление».

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

Помимо сервисов и приложений, представленных в статье, существуют и другие. Многие из них предлагают еще больше возможностей, но мы не советуем доверять всему подряд, что попадется под руку. Под видом невинной программы могут скрываться вредоносные файлы, с помощью которых мошенники получат доступ к вашему аккаунту ВК. Если вы не уверены в безопасности приложения на 100%, откажитесь от его установки, ведь личные данные гораздо важнее, чем красивая картинка на экране.

Другие статьи сайта

• 5 способов посмотреть удаленные сообщения ВКонтакте
• Как быстро вычислить человека по ID ВКонтакте
• Почему не заходит в ВК с телефона или компьютера

Как поменять цвет в посте

Альтернативный вариант — сделать разноцветный шрифт в ВК вручную в посте с помощью специального раздела. Пройдите следующие шаги:

• Войдите в раздел Моя страница.
• Кликните на пункт Что нового.
• Жмите на Еще и выберите раздел Граффити.

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

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

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

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

Можно ли применить тёмную тему в ВК для мобильных устройств

Если вы хотите сменить тему в приложении Vkontakte на чёрную, придётся загрузить неофициальное приложение Kate Mobile. Оно позволяет не только сменить привычную тему в ВК, но и применять «невидимку», слушать музыку VKontakte без ограничений, а также использовать уникальные стикеры, которых нет в официальном приложении. Kate Mobile позволяет также настраивать шрифт страницы, устанавливать приложение на SD-карту мобильного устройства, делать граффити и многое другое.

Чтобы установить чёрное оформление в своем профиле, вам нужно:

1. Открыть приложение Kate Mobile и выбрать кнопку меню — три точки вверху;
2. Далее нажмите «Настройки»;

3. И нажмите на пункт «Тема оформления»;
4. Выберите «Чёрную» или «Тёмную».

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

Таким образом, мы разобрали, как же можно использовать темную тему в вашем профиле Вконтакте на стационарном ПК, а также в мобильном устройстве.

Каким образом в ВКонтакте сменить стандартную тему на чёрную на ПК

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

В ВК есть группа, которая посвящена расширению для браузеров. Оно работает только для компьютерной версии социальной сети. Группа находится по ссылке https://vk.com/vanilladark.

Здесь есть адреса страницы расширения в магазинах для всех популярных веб-навигаторов:

• Google Chrome;
• Яндекс Браузера;
• Opera;
• Mozilla Firefox.

Стиль назван Vanilla Dark. Установив его в браузер, ваша страница в VK сможет принять чёрный фон. Текст будет отображаться в светло золотистых тонах, что позволяет еще больше снимать напряжение с глаз пользователя. В нём также есть и белые тона текста. После установки вы сможете воспользоваться настройками темы и выбрать подходящие.

Расширение позволяет изменять некоторые элементы страницы. Например, сделать миниатюры аватарок квадратными. Или затемнить все изображения, которые отображаются на странице.

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

Итоги

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

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

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

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

Установка тёмного фона Vanilla Dark в профиле ВК

Устанавливается расширение в ваш браузер, как и любое другое:

1. Вам нужно перейти по ссылке на соответствующий магазин и нажать на кнопку «Установить». А также подтвердить установку расширения, если появится такой запрос. Вверху справа отобразится иконка расширения;

2. Чтобы начать им пользоваться, нужно выбрать его и найти подходящую тему для ВК. Кликаем по иконке расширения и нажимаем кнопку «Найти стили»;

3. В момент поиска тем вы должны находится на своей странице ВКонтакте. Иначе она не изменится;
4. Выбираем из списка подходящую тему. Расширение предлагает более 200 различных вариантов. Поэтому выбирать вам будет из чего;
5. Если тем недостаточно, вы можете перейти на сайт расширения и найти больше тем.

Кнопка «Менеджер» расширения открывает дополнительный редактор, где пользователи могут редактировать некоторые настройки текущего расширения. А также создавать свои.

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

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

У вас есть возможность удалить расширение:

1. Для этого нажмите кнопку меню в веб-навигаторе;
2. Выберите «Дополнения» или «Расширения»;
3. Откройте список установленных в браузере плагинов и найдите «Stylus». Нажмите возле него кнопку «Удалить».

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

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

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

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

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