Как легко сделать тёмный фон в вк на компьютере в браузере или на телефоне с андроид?
Содержание:
- Установка темного фона ВК через Orbitum
- Как поменять интерфейс ВК на компьютере
- Настройки интерфейса социальной сети на телефонах с Android
- Что такое темная тема
- Как сделать темную тему ВК в официальном приложении Андроид
- Как сделать темную тему на телефоне Android
- Как создать новую тему Вконтакте самостоятельно
- Как поменять фон страницы в контакте своими руками?
- Сторонние приложения
- Как сделать тёмную тему в ВК
- Как сменить фон, используя плагины для браузеров на компьютере?
- Создание темного фона ВК на компьютере
- Sketch и Zeplin
- Самый простой способ
- Возможности
- Как сделать темный фон в ВК на ПК
- Почему темная тема не включается
Установка темного фона ВК через Orbitum
Браузер Orbitumпользуется популярностью у владельцев гаджетов на Андроид, поскольку обеспечивает массу интересных возможностей. Так, с его помощью можно быстро изменить тему Вконтакте. Для этого:
- Зайдите в PlayMarket и установите браузер на мобильное устройство.
- После установки откройте приложение ВК.
- Нажмите на изображение палитры в правом верхнем углу.
- В появившейся вкладке выберите любую понравившуюся тему.
- Поставьте галочки напротив нужных вам функций в открывшемся окне.
- Нажмите «Установить».
Браузер Orbitum
После перезагрузки программы фон будет изменен. Преимущество такого способа – в разнообразии вариантов цветового оформления.
Как поменять интерфейс ВК на компьютере
Скорее всего вы уже знаете, что в веб-версии ВКонтакте у вас также нет возможности менять тему. Но здесь мы пользуемся для открытия профиля браузером. А это значит, что сменить фон всё же можно. И для этого вам понадобятся расширения для браузера. Список установленных расширений находится в меню. К примеру, в Google Chrome вы можете их найти так:
- Нажмите вверху на панели инструментов три точки;
- Выберите «Дополнительные инструменты»;
- Слева в окне нажмите «Расширения»;
- Здесь вы сможете удалить его, если оно вам уже не понадобится;
- В этом же окне вверху выберите курсором три полоски и внизу появится ссылка «Открыть магазин».
Нажав её, вы попадёте в маркет расширений Chrome. Вверху в строке введите «Фон ВКонтакте». И напротив расширения нажмите кнопку «Установить».
Установка расширения в Google Chrome «Фон ВКонтакте»
Вверху панели браузера появится небольшой значок ВКонтакте. Нажав на него появится блок с настройками приложения.
Вы сможете:
- Настраивать время для автоматической смены фона VK;
- Настроить обводку сайта, добавить размытие, толщину обводки и прочее;
- Добавить прозрачность основной странице, чтобы под ней просвечивался фон;
- Сменять картинки, которые предлагаются для фона. Для этого нужно выбрать курсором одну из них. Настройки расширения «Фон ВКонтакте»
Настройки интерфейса социальной сети на телефонах с Android
В собственных настройках системы устройств с Android есть также возможность изменения цвета стандартной темы. Она изменяется и для ряда других приложений, которые в нём установлены. Чёрный цвет фона полезен тем, что позволяет сэкономить заряд аккумулятора устройства. Сегодня такая возможность есть только для последней девятой версии популярной операционной системы.
Те, кто еще не обновил ОС, поскорее сделайте это, чтобы получить возможность изменить фон меню. В новой версии реализованы и другие полезные функции. Если у вас обновлённая система, то изменить фон на темный в вашем смартфоне Android нужно так:
- Выберите настройки в главном меню;
- Найдите и нажмите «Ночной режим» или «Night Mode»;
- Активируйте настройку «Always On» или «Всегда включена».
В статье мы подробно рассмотрели, каким образом можно сделать необходимый чёрный фон в социальной сети ВК на мобильных телефонах в ОС Андроид и на стационарном компьютере.
https://www.youtube.com/watch?v=iWleBDQRghw
Что такое темная тема
На самом деле, это был своего рода пиар-ход, рекламирующий новые возможности ВК. Написав этот комментарий, вы могли получить доступ к новой популярной теме. К счастью, сейчас на мобильных устройствах она доступна по умолчанию — достаточно просто включить ее в настройках.
С мобильными устройствами на сегодняшний день все более менее понятно. Но можно ли сделать фон ВК черным на компьютере?
Темная тема ВК на компьютере
Сразу ответим — сделать черный фон в ВК на компьютере официально нельзя. Возможно когда-нибудь разработчики и добавят эту настройку в полную версию сайта. Ну а пока мы можем воспользоваться для этого специальными расширениями браузеров.
VK Helper
Это одно из самых популярных расширений, которое не только позволит установить темную тему в ВК на компе, но и сделает доступными для вас массу других настроек.
Совместимо оно со всеми самыми популярными браузерами, а это значит, что темная тема ВК на ПК станет доступна в Яндексе, Goole Chrome, Opera и Firefox и другими, работающими на движке cromium. Скачать и установить его можно с официального сайта vk-helper.pro/pages/download.html.
Перенесите архив с расширением на рабочий стол своего ПК, чтобы его было проще найти, распакуйте его.
- После этого откройте браузер и перейдите в настройки. Как правило это делается нажатием на значок в правом верхнем углу страницы (это могут быть три черточки, шестеренка или вертикальные точки).
- Вызовите следующие пункты меню «Дополнительные инструменты» — «Расширения».
- В появившемся окне выберите «Загрузить распакованное расширение», и через открывшийся проводник найдите папку с плагином.
- По завершении установки, вы окажетесь на официальной страничке расширения, где сможете найти полное руководство по его применению. Теперь давайте выясним как сделать темную тему ВК на компьютере.
- Справа от адресной строки в браузере появится новый значок в виде букв VK — кликните по нему.
- В появившемся окошке выберите «Добавить аккаунт».
- Далее введите свой логин и пароль от своего аккаунта.
- После того, как вы окажетесь на своей страничке, вновь нажмите на значок расширения.
- В появившемся окне выберите «Настройки».
- Прокрутите страничку до раздела «Интерфейс».
- Возле строчки «Ночная тема» активируйте галочку.
После этого черная тема ВК для ПК будет автоматически запущена. Если вы захотите вернуть страничке прежний вид, то нужно будет просто зайти в настройки еще раз и убрать соответствующую галочку.
Stylish
Stylish — это еще одно расширение для браузера, открывающее для вас возможность настройки интерфейса на любой вкус. Оно позволяет изменять темы любых сайтов, разработанных с помощью языка разметки. А это значит, что с его помощью вы сможете как сделать темную тему ВК на ПК, так и на любом другом сайте.
- Появится дополнительное окошко, в нем также кликните «Установить расширение».
- Справа от адресной строки в браузере появится значок плагина в виде букв S на радужном квадрате.
- Выполните вход в свой аккаунт с ПК.
- Кликните по значку плагина и выберите пункт «Найти больше стилей для этого сайта».
- После этого откроется страница с различными настройками. Здесь вы сможете как поставить темную тему, так и любую другую в ВК на ПК.
- Здесь на выбор представлено много вариантов, по названиям вы поймете какие из них активируют черный фон.
- Кликните «Get Style», чтобы включить темный фон.
- При желании вы можете воспользоваться кнопкой «Customize Settings», чтобы произвести дополнительные настройки.
- После чего нажмите кнопку «Install Style».
Вот как можно сделать ВК черным на ПК благодаря этому плагину. Если вы захотите вернуть первоначальные настройки, то расширение можно будет просто отключить. Сделать это можно нажав на кнопочку, которая находится в верхней строчке, при нажатии на значок плагина (Stylish On — Stylish Off).
Dark theme for VK
- В появившемся окне нужно еще раз нажать «Установить расширение».
- Теперь при входе свой аккаунт на ПК вы увидите темную тему во всей красе.
Удобство этого расширения состоит в том, что оно содержит в себе одну единственную функцию, призванную включать и выключать черный фон в ВК на ПК. Просто кликните по значку плагина справа от адресной строки и выберете ту цветовую схему, которая для вас сейчас актуальнее — светлая или темная.
Как сделать темную тему ВК в официальном приложении Андроид
Эра темного режима для Интернет приложений появилась недавно и захватила сердца многих. Во-первых, данная функция позволяет экономить заряд батареи на AMOLED – дисплеях, а во-вторых, глаза в вечернее и ночное время суток практически не устают.
В официальном приложении Вконтакте появилась возможность включить темный режим и наслаждаться темой в любое время. Давайте посмотрим, как настроить эту функцию в приложении на Android.
- Запустить официальный клиент Вконтакте на смартфоне.
- Справа нажать на три полоски, чтобы открыть дополнительное меню.
- Нажать на значок шестерёнки, чтобы попасть в настройки приложения.
- Перевести пункт «Тёмная тема» в режим «Включено».
- Готово, черная тема включена.
Конечно, она не полностью черная в отличие от того же темного режима Instagram, но плюсы есть.
Помимо официального приложения Вконтакте многие наверняка пользуются сторонними клиентами Kate Mobile, Sova X, VTosters и другие. Покажу на примере последнего клиента социальной сети, поскольку сам им часто пользуюсь.
Настройка темного режима ВК в приложении VTosters
- Открыть приложение.
- Справа внизу нажать на три полоски для открытия меню.
- Нажать по значку шестеренки для перехода в меню настроек.
- Активировать темную тему для приложения Вконтакте.
Как видим приложение очень схоже с официальным клиентом, но если в настройках включить «Новый интерфейс ВКонтакте», то выглядеть всё будет более привлекательно.
Как сделать темную тему на телефоне Android
К сожалению, в официальном приложении вк для мобильных телефонов, а также в браузерной веб-версии нет возможности установки ночного режима. Единственным выходом наслаждаться черным фоном — это установить стороннее приложение из Play Market.
На самом деле таких приложений существует несколько, но лучше всего в качестве альтернативы зарекомендовал себя Kate Mobile. Оно является практически полнофункциональным альтернативным клиентом. Единственным недостатком данного клиента является то, что здесь не отображается ваша новостная лента. В остальном это отличная замена, которая кстати кушает намного меньше ресурсов вашего смартфона.
Установить ее вы можете официально с Google Play введя ее название в поиске или перейдя по этой ссылке . А дальше просто заходите в приложение, авторизируйтесь и работаете в обычном режиме.
Чтобы сменить фон, нажмите на стандартный значок трех точек в правом верхнем углу экрана, а затем выберите пункт «Настройки» . Дальше, выбираем «Внешний вид» — «Тема оформления» . По умолчанию у вас стоит «Индиго» , а вам нужно будет выбрать «Индиго темная». Кстати, можете попробовать и другие фоны, например розовую, кофейную или прозрачную.
Как видите, при желании сделать тёмный фон в вк на компьютере и телефоне на андроиде совсем нетрудно, и каждый может с этим справиться. Поэтому не вижу смысла писать про прочите способы, которых еще вполне достаточно.
На мой взгляд, самым удобным из представленных способов является второй, то есть активация специальной темной темы. Красивый и мягкий интерфейс не напрягает взгляд, а активация с помощью одной кнопки намного упрощает использование. Но все таки я предпочитаю пользоваться именно расширешием VK Helper, которое мы рассматривали последним. Активация ночного режима здесь менее удобное, но зато данное дополнение настолько многофункциональное, что оно может заменить нам десяток других. А зачем ставить много расширений, если можно поставить одно, но которое будет заменять всё? Вот-вот.
Как создать новую тему Вконтакте самостоятельно
- Открываете новую папку, например, «Фон».
- В ней создаете документ – Блокнот.
- Откройте его и заполните шаблон.
body {background: url(picture.jpg)repeat fixed !important;}
A {background: transparent !important;}, где
Цвет фона – background-color;
Рисунок фона – background-image;
Будет ли фоновое изображение повторяться – background-repeat: no-repeat, repeat, repeat-x (повторение по горизонтали), repeat-y (повторение по вертикали).
Сохраняете документ в формате css.
Единственное, что стоит помнить, – обновленный фон будет видеть исключительно хозяин страницы. Для остальных пользователей сети его страница будет иметь стандартный вид.
В этом лайфхаке вы узнаете как сделать тему черную в ВК
, чтобыфон был более приятный, особенно ночью. Этого можно добиться как на PC , так и на смартфоне.
Многие люди предпочитают, чтобы темные тона и раз вы читаете эту статью, то либо у вас, либо у ваших знакомых именно такие предпочтения. Доказано, что именно темно-серый текст на черном бэкграунде гораздо меньше напрягает глаза, чем классические ЧБ сочетания, пришедшие к нам из книг. Чтобы сохранить ваше зрение далее мы расскажем как поменять ВК на черный цвет
исделать это очень просто.
Как поменять фон страницы в контакте своими руками?
Цвет и оформление нашей страницы напрямую зависит от одного файла, в котором заложены изначально цвета страницы, букв и т.д. Также в нем задается стиль текста, его размер, расстояние между строками, и многое другое. Такой файл имеет расширение CSS, и для изменения нашего фона, его необходимо создать самому, задав в нем нужные нам параметры.
Конечно, новичку такая задача может показаться невыполнимой, поскольку создание этого файла подразумевает использование платных программ для веб-разработки сайтов, однако это не совсем так. Для создания CSS файла достаточно использовать даже обычную простейшую программу «Блокнот», которая присутствует в любой версии Windows, она автоматически ставиться при ее начальной инсталляции.
Найти и запустить ее можно достаточно просто – нужно лишь нажать на кнопку «Пуск», в меню выбрать «Программы», или же «Все программы», затем нажать на вкладку «Стандартные». Там и находится Блокнот, запускаете его.
Пишете в него нужный код и сохраняете файл с расширением CSS (для этого вверху слева жмете на Файл – сохранить как), в поле имени файла вводите его имя, и обязательно переходите на английский язык. После названия ставите точку и пишете буквы CSS. Все, файл создан.
Новичку желательно скачать и установить понравившийся дизайн из сайта vktema.net, а при желании, если вы человек творческий, можете переделать код файла архива темы на свой вкус, даже изменить картинку фона – все в ваших руках! Ограничений для полета фантазии практически нет. На этом же сайте подробно описано, как установить любую тему на самые популярные браузеры — Mozilla Firefox, Opera, Internet Explorer.
Для установки необходимо установить для браузера мод, для каждого разный. Впрочем, на сайте все подробно описано, думаю, с установкой проблем не возникнет.
Помните один важный момент. Если вы скачали файл стилей темы с другого источника, и дается только непосредственно его код, а не архив, нужно выделить весь код, скопировать его (ctrl+C), и вставить в Блокнот (ctrl+V). Затем сохраняете в виде файла с расширением CSS (как описано выше).
Сторонние приложения
Пока администрация социальной сети тестирует ночной дизайн для официального приложения, неофициальные уже давно имеют эту функцию в арсенале. Среди качественных и популярных клиентов ВК можно выделить:
- Kate Mobile.
- Ночной ВК.
- Phoenix.
Говоря про мобильные клиенты, то они имеют на порядок больше функций и возможностей, чем официальный.
Например, в Kate Mobile, можно выбрать в «Настройках», в разделе «Внешний вид» как темную тему, так и десяток других созданных вариантов оформлений – индиго, прозрачная, оранжевая и прочие.
Еще, есть способ переключения между двумя вариантами оформления, в зависимости от времени суток. Эта опция настраивается в разделе «Ночная тема».
Кроме активации черного фона, доступен широкий спектр кастомизации, состоящий из:
- перемещаемых, отключаемых или добавляемых элементов интерфейса;
- изменяемых шрифтов, размеров и цвета текста;
- изменяемого фона прочитанных и непрочитанных сообщений;
- настройки цвета шапки и меню;
- установки картинки на задний фон.
Кроме визуальной составляющей, Kate Mobile отличается и в техническом плане. Так, мобильный клиент:
- Предлагает просматривать сообщения, не отмечая их прочитанными.
- Дает возможность гибкой настройки уведомлений, выставлять включение и отключение по таймеру.
- Позволяет отключать отображение картинок, чтобы экономить трафик.
- Имеет встроенный поиск фотографий Яндекс и Google, для быстрого поиска и отправки фото.
- Предлагает выбрать качество скачиваемого изображения.
- В информации о пользователе отображать дату его рождения.
- Оставляет админам групп множество функций десктопной версии.
Как сделать тёмную тему в ВК
Можно ли в настройках самого «ВКонтакте» сменить белую тему на тёмную?
На «Андроиде» и «Айфоне»
С апреля 2021 года в официальной утилите «ВКонтакте» для телефонов появилась новая опция — тёмный режим интерфейса. Функция действует для приложений как на «Андроиде», так и на iOS.
Прежде чем переходить к смене темы, убедитесь, что ваша мобильная программа получила апрельский апдейт. Версия должна быть 5.32. Если обновления не было, запустите его через «Плей Маркет» или App Store.
Теперь меняем светлый режим на тёмный:
- Щёлкните по иконке в виде трёх полос на нижней панели (самый последний значок). Тапните по иконке в виде шестерни вверху справа.
В меню с разделами щёлкните по шестерёнке
В настройках переключаемся на раздел с параметрами внешнего вида.
Кликните по пункту «Внешний вид»
Ставим галочку рядом с тёмным режимом. Вы также можете активировать автоматический переход на тёмную тему вместе со снижением яркости дисплея.
Установите чёрный фон в меню
Перезагружать программу или само устройство, чтобы изменения вступили в силу, не нужно. Вернуть белый интерфейс можно в том же меню настроек.
Галочка должна стоять напротив пункта «Тёмная»
Если вы не нашли в разделах с настройками пункт «Внешний вид», зайдите в блок приложения с новостями и оставьте под любой записью какого-либо сообщества комментарий «Тёмная тема». Приложение автоматически его распознаёт и предоставит возможность активировать тёмный фон.
Как сменить фон, используя плагины для браузеров на компьютере?
Для каждого браузера вы можете скачать десятки прикольных расширений, которые разносторонне увеличивают функционал программы, помогают сменить дизайн. Ввиду огромной популярности соц. сети и актуальности запроса как поменять фон в ВК на компьютер, многие дополнения специально созданы для воплощения этой идеи.
В настройках меню каждого обозревателя есть вкладка «Расширения» или «Дополнения». Там нужно найти ссылку для перехода в официальный магазин разработчиков. Почти все утилиты скачиваются совершенно бесплатно.
Просто напечатайте в поисковой строке такой запрос, как: «изменить фон для ВК» и начните экспериментировать. Достаточно скачать плагин и установить его на устройство. Теперь на вашей странице в ВК появится новый значок – через него вы попадете в раздел с оформлением основного полотна страницы.
#1 Google Chrome
- Откройте браузер, щелкните на 3 вертикальные точки в правом углу и найдите пункт «Настройки»;
- Оказавшись в разделе, слева кликните по главному меню (3 горизонтальные полоски);
- Разыщите команду «Расширения», переходите внутрь;
- Снова кликните по меню (3 полоски слева) и в самом низу выбирайте команду «Переход в магазин Chrome»;
- Забейте в поисковую строку «Фон для ВКонтакте» и установите галочку на фильтре «Расширения»;
Выбирайте из предложенных вариантов: VKMod, VK Color changer или другие из открывшегося списка.
После скачивания и установки необходимо зайти в профиль, либо обновить открытую страничку. В меню должен появиться новый значок – открывайте раздел и меняйте оформление.
#3 Яндекс
- Интерфейс немного похож на Google Chrome – пункт настроек вы разыщете по тому же маршруту;
- Далее найдите команду «Дополнения»;
В самом конце подменю находится «Каталог дополнений»;
- После перехода найдите поисковик и вбейте нужный запрос;
- Попробуйте плагин «Фон ВКонтакте»;
- Последующий алгоритм действий аналогичен двум, приведенным выше.
После клика на значок вы сможете установить нужные настройки.
Многие дополнения включают интересную опцию – конструктор для самостоятельного создания фона. Эта фишка позволяет подставить любую понравившуюся картинку или даже собственное фото. Функция есть у VKMod, Get-style, VK style, VKOpt и подойдут они для любого обозревателя.
Преимущества:
- Плагины легко найти и установить;
- Расширения, загруженные с официальных сайтов разработчиков браузеров безопасны;
- Для каждого обозревателя существуют десятки дополнений – выбирайте на свое усмотрение.
Недостатки:
- Чтобы видеть фон, придется постоянно пользоваться этим браузером;
- Для всех остальных пользователей аккаунт будет отображаться в привычных бело-голубых цветах;
- Иногда плагины глючат, некоторые напрочь не желают устанавливаться на конкретных компах.
Ведь чтобы наслаждаться обновленным оформлением после того, как вы сделаете свой фон в ВК на компьютере, вам придется постоянно заходить в соцсеть, используя именно этот обозреватель. Кстати, для всех остальных людей ваша страничка будет отображаться в неизменном сине-бело-голубом виде.
Создание темного фона ВК на компьютере
Действенные способы добавления темной темы для декстопной версии социальной сети ВКонтакте предусматривает установку дополнительного расширения. За достаточно короткий промежуток времени, таких дополнений было разработано немало. Следует отметить, что наибольшим количеством подобных плагинов может похвастаться Google Chrome, однако есть много скриптов одинаково работающих во всех интернет-обозревателях.
Способ 1: VK Helper
VK Helper – скрипт, предназначенный исключительно для работы с ВК. Функционал расширения позволяет не только активировать темную тему, но и имеет ряд других возможностей, не предусмотренных в стандартной версии социальной сети.
Дополнение VK Helper совместимо со всеми вэб-обозревателями, однако рекомендованным является Chrome. Также следует знать, что установка плагина требует, от любого браузера наличия его обновления до последней версии. Установить плагин можно, следуя приведенному ниже алгоритму действий:
- Запустите интернет-браузер.
- Перейдите на официальную страницу плагина: https://vk-helper.pro/pages/download.html
- Воспользуйтесь одной из представленных кнопок, в соответствии с вашим браузером, и перейдите к странице установки расширения.
- Скачайте архив с расширением на свой компьютер.
- Распаковываем архив на Вашем ПК.
- Возвращаемся в браузер и вводим в адресную строку следующее: browser://extensions/
- В открывшемся окне активируем «Режим разработчика».
- После выполнения предыдущего шага у Вас станет активным кнопка «Загрузить распакованное расширение». Нажмите правой кнопкой мыши по ней.
- В открывшемся окне указываем путь папки с распакованным расширением.
- Перезапускаем интернет-браузер.
После завершения процесса установки, необходимо кликнуть по значку расширения в правом верхнем углу и перейти к настройкам. В разделе «Интерфейс» следует поставить галочку напротив поля «Ночная тема».
Способ 2: Stylish
Stylish – это многофункциональный инструмент, позволяющий работать с оболочками сайтов, оформленных при помощи CSS (в том числе ВКонтакте), в любом браузере. Установить плагин через магазин Google Chrome и включить новый дизайн можно всего за пару минут. Для этого необходимо:
- Заходим на официальный ресурс, используя ссылку: https://userstyles.org/
- Нажимаем на кнопку инсталляции, как показано ниже:
- Перед вами появится страница магазина-расширений с плагином Stylish.
- Запускаем загрузку и установку файла нажатием на кнопку «Add to Chrome».
- После завершения предыдущего процесса подтверждаем добавление плагина.
- Кликаем по иконке плагина и выбираем «Найти больше стилей для этого сайта».
- На открывшейся странице находим в блоке вкладку «VK» и выбрав тему, ориентируясь на слово dark, нажимаем «Get stiyle».
- Перейдя на страницу выбранной темы, жмём на «Install stiyle».
Способ 3: Dark Reader
Разработанное расширение для Google Chrome поддерживает и работу с ВК. Изменить дизайн на темное оформление можно следующим образом:
- Установите скрипт Dark Reader через магазин расширений.
- Автоматически все страницы сайтов, имеющие светлый фон, перейдут в темный режим.
- Настройки плагина можно изменять в меню «Dark Reader». Пользователь может включать/отключать «Темную тему», настраивать яркость сайта, контрастности элементов, уровень черного и белого на страницах, а также можно сделать эффект выцветания.
Способ 4: Dark theme for VK
Перечисленные ранее способы, описывают приложения, имеющие обширные возможности. Однако, есть достаточно простые и узконаправленные дополнения, предназначенные для изменения стандартного оформления сайта VK на темный режим. Таким плагином выступает Dark theme for VK, установить который можно, воспользовавшись магазином расширений в любом браузере. После установки скрипта фон социальной сети автоматически изменит дизайн. Изменение светлого и темного режима отображения страниц ВК осуществляется нажатием по значку дополнения на панели задач браузера.
Sketch и Zeplin
Следующий этап: необходимо отдавать разработчикам в понятном виде информацию об используемых в макетах токенах. Для этого мы визуализировали токен в виде символа, где кроме названия есть превью используемого цвета в тёмной и светлой темах, а также названия цветов из палитры.
Такие токены мы сгенерировали в виде символов уже после того, как составили большую часть схемы, и токенов уже тогда оказалось немало. Чтобы не составлять их вручную, мы подготовили небольшой плагин, который подтягивал актуальную версию JSON-схемы и генерировал из них токены в виде символов из шаблона, подставляя туда цвета из общих стилей библиотеки цветов. С помощью этого же плагина мы генерируем обновление библиотеки: добавляются новые токены, и обновляются значения уже имеющихся. Символ из библиотеки обновляется во всех макетах, где он используется.
Так выглядит токен в виде символа
Такие токены мы добавляем рядом с макетами и отправляем всё вместе в Zeplin. Если не понятно сразу по названию или нужно уточнить, к какому элементу относятся токены, добавляем описание и делим токены на секции, описывая конкретные элементы. Используя плагин Sketch Runner для быстрого поиска по названиям символов, мы получили свой конструктор описания тёмной темы в виде аннотаций к макетам.
Добавление описания о используемых токенах
Более нативного, простого и наглядного решения, как встроить токены в макеты с дальнейшей отправкой в Zeplin, мы не нашли. Хотя в Zeplin можно давать названия уникальным цветам, в нашей схеме один цвет может использоваться сразу в нескольких токенах.
Вместо того чтобы рисовать тёмную версию для каждого из сотни экранов, мы просто описываем всё в виде токенов, тем самым экономя время дизайнеров. Все имеющиеся значения токенов у компонентов уже протестированы, и нужно лишь подставить правильные. Единой точкой правды является UI Kit — в нём можно найти не только актуальное состояние компонента, но и его используемые токены.
Ошибки в реализации тёмной темы можно будет найти уже на стадии тестирования при проверке скриншотов. Тестировщики могут сами заметить явно неправильный цвет и попросить помощи дизайнера — для исправления недочёта понадобится только название правильного токена.
Самый простой способ
Последнее обновление официального приложения ВКонтакте пришлось на апрель 2019 года. Благодаря ему все желающие могут установить себе темную тему. Для этого:
- заходим в главное меню;
- выбираем значок «Настройки»;
- в высветившемся списке нажимаем «Внешний вид»;
- кликаем на «Темная тема».
Читайте еще: Вспышка при звонке на телефоне, зачем это нужно?
Примечательно, что для смены дизайна нужно просто выбрать необходимый пункт. Цветовая палитра изменится моментально, перезагрузка гаджета не нужна. Точно таким же образом можно вернуться к белому цвету.
Для всех владельцев смартфонов с операционной системой Андроид есть еще один очень простой способ активировать темное оформление.
Специальные софты не понадобятся, просто:
- заходим в основное меню гаджета, жмем вкладку «Специальные возможности»;
- ищем команду «Инверсия цветов» (она еще может называться «Негатив»), выделяем галочкой;
- после заходим в официальное приложение.
Читайте еще: Лучший бесплатный антивирус для windows
Тема получается именно такой, как надо – белый текст на темном фоне. Но существует один недостаток. Абсолютно все элементы интерфейса так же получат другой цвет, и в целом оформление будет смотреться не очень презентабельно. Рекомендуем рассмотреть браузер и приложение, предлагающие многообразие цветовых решений на любой вкус.
Возможности
Дополнение имеет очень удобный дизайн. У пользователя есть возможность выбрать собственную фоновую картинку. Сделать это достаточно просто:
- нужно зайти в меню;
- открыть «Настройки» и перейти в раздел «Дизайн»;
- поставить галочку напротив пункта «Фон»;
- Загрузить нужное изображение из галереи вашего устройства.
- Дневная. Она является стандартной для социальной сети «Вконтакте».
- Ночная. Она позволит уставшим от яркого света глазам отдохнуть в темное время суток. Ночная тема ВК для ПК являться темной, ее тона не слепят. Это позволит работать с социальной сетью даже в позднее время, яркий свет не станет помехой. Темная тема для Вконтакте позволит вам пользоваться мобильным устройством даже ночью.
Особенности
Многие пользователи хотят зайти ВК невидимыми. И данная утилита включает в число своих инструментов такую функцию. Это хорошая возможность для того, чтобы другие пользователи не видели, что вы онлайн. Вы можете спокойно заниматься своими делами: читать новости, слушать музыку или смотреть кино, никто не беспокоит. ВК невидимка включается нажатием одной кнопки
Важной особенностью этого режима является то, что нельзя обновлять ленту новостей или личные сообщения, при этом действии вы на секунду появитесь в сети
Сейчас один человек может иметь несколько страниц в социальной сети «Вконтакте». Такое бывает, когда пользователь имеет рабочую и личную страницу. В официальной версии приложения нет возможности удобно переключаться между аккаунтами, при этом не выходя из них. Расширение содержит функцию «Мультиаккаунты».
Как сделать темный фон в ВК на ПК
Процесс изменения темы ВКонтакте зависит от браузера, с которого вы сидите. Разберем наиболее часто встречающиеся варианты.
В Яндекс браузере
Для включения темного оформления ВКонтакте на Яндекс-браузере:
- Зайдите в бургерное меню настройки в верхней части экрана.
- Выберите пункт “Настройки” – появится экран, разделенный на две части. В левой найдите строку “Интерфейс”, а в правой выберите “Цветовая схема”.
- Переключите ползунок возле слова “темная”.
- Перезапустите программу и попробуйте зайти заново на сайт – теперь привычный вид социальной сети измениться.
В Opera
Для Opera существует несколько расширений, позволяющих менять фоновый цвет страниц на темный, самое популярное из них – Dark Mode. Для его установки:
Зайдите в магазин расширений или откройте меню и выберите строку “загрузить расширение”;
- После загрузки система предложит установить расширение. Нажмите “Ок” для начала автоматической установки.
- Расширение появится среди активных. найти его можно в меню настроек, строке “Расширения”, строке “Менеджер расширений”.
- Включите его и перезапустите браузер – теперь все страницы, на которых изначально был белый фон, будут отображаться в черном цвете.
В Firefox
Для браузера Mozilla Firefox подходит расширение Stylish, позволяющее подключить плагин темной темы на всех существующих платформах. Для его установки:
- Откройте сайт https://userstyles.org/ и найдите блок «Install the web».
- Нажмите на кнопку «Install for…», система перенаправит вас в магазин приложений браузера.
- Щелкните на кнопку “Add to Firefox” и нажмите “добавить”; плагин будет автоматически установлен. После этого нам понадобиться вернуться на сайт приложения. Нам понадобится вкладка «Top Styled Sites.
- Выбираем в перечне сайты, которые нам нужны – в нашем случае это ВКонтакте. Теперь вверху страницы будет отображаться значок плагина.
- Когда нам нужно включить темную тему, кликаем на него и выбираем темы для оформления. Кроме стандартной темной здесь есть еще множество других, и список периодически пополняется.
В Google Chrome
Рекомендуемым для Google Chrome является утилита VK Helper. Скачайте его из магазина приложений Google и установите на своем компьютере. После установки на панеле задач браузера появится такой значок:
Нажмите на него – система предложит вам авторизоваться. Для этого введите свои регистрационные данные Вконтакте.
После входа в утилиту перейдите в настройки и в строке поиска напишите “Ночная тема”. Поставьте отметку напротив строки и ночной режим активируется.
Почему темная тема не включается
Если у вас по какой-либо причине не получается включить черный фон, то этому может быть несколько причин. Давайте разберемся почему это может случиться и вы поймете что повода переживать нет.
- Если речь идет о мобильном приложении, то, в первую очередь, стоит его обновить. Дело в том, что любые изменения разработчики вносят в последующие версии. Поэтому просто зайдите в GooglePlay, найдите ВК и нажмите кнопку «Обновить».
- Если у вас не запускается расширение на ПК, то нужно проверить совместимо ли оно с вашим браузером. Однако, если вы пользуетесь нашими инструкциями, то такой проблемы не возникнет.
- Некоторые расширения начинают работать после перезапуска системы, поэтому попробуйте перезагрузить компьютер.
Пожалуй это все, что необходимо знать, чтобы с легкостью активировать черный фон на любом устройстве. Теперь вы сможете включить и выключить его когда захотите и будете в теме этого тренда.