VK Play Developers — Тёмная тема⁠⁠

Тёмная тема для кабинета разработчиков VK Play.

Ресурсы: https://gitlab.com/ser.lbiwiy2016/vkplay-dev-dark-mode

Установка

Шаг 1 — Установите расширение Stylus

[!note] Stylus — бесплатное расширение, которое позволяет применять пользовательские стили к любым сайтам.

Перейдите по ссылке и установите расширение для вашего браузера:

• Stylus для Chrome

Шаг 2 — Создайте новый стиль

1. Нажмите на иконку Stylus в браузере

2. Выберите «Создать стиль» или «Управление» → «Создать новый стиль»

3. В поле «Название» введите: VK Play Developers — Тёмная тема

Шаг 3 — Настройте домен

В левой панели найдите раздел «URL в домене»:

1. В выпадающем списке выберите «URL в домене»

2. В поле ниже введите: developers.vkplay.ru

Шаг 4 — Вставьте код стиля

1. Откройте файл style.css из этого репозитория

2. Скопируйте весь код (Ctrl+A, затем Ctrl+C)

3. Вставьте код в область редактора (Ctrl+V)

Шаг 5 — Сохраните стиль

Нажмите кнопку «Сохранить» в левой панели.

[!tip] Тёмная тема применится автоматически после сохранения!

Результат

Что включено

Интерфейс полностью тёмный, таблицы стилизованы с тёмным фоном, формы и кнопки адаптированы под тёмную тему, календарь с тёмным datepicker, превью изображений с увеличением при наведении, CKEditor в тёмном стиле, кастомные стили для чекбоксов и радио, боковое меню с иконками и hover-эффектами.

Обновление

[!important] При обновлении полностью замените старый код на новый.

1. Откройте Stylus → «Управление»

2. Найдите стиль «VK Play Developers — Тёмная тема»

3. Нажмите на него для редактирования

4. Замените код на новую версию из style.css

5. Сохраните

Нашли баг?

Напишите мне в Telegram: @SergeyLubivuiLive

Лицензия

MIT — используйте свободно!

Mod v1.0 | by @SergeyLubivuiLive