VK Play Developers — Сделал тёмную тему

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

VK Play Developers — Сделал тёмную тему

Установка

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

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

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

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

  1. Нажмите на иконку Stylus в браузере
  2. Выберите «Создать стиль» или «Управление» → «Создать новый стиль»
  3. В поле «Название» введите: VK Play Developers — Тёмная тема

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

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

  1. В выпадающем списке выберите «URL в домене»
  2. В поле ниже введите: developers.vkplay.ru
VK Play Developers — Сделал тёмную тему

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

  1. Откройте файл style.css из этого репозитория
  2. Скопируйте весь код (Ctrl+A, затем Ctrl+C)
  3. Вставьте код в область редактора (Ctrl+V)

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

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

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

Результат

VK Play Developers — Сделал тёмную тему
VK Play Developers — Сделал тёмную тему

Что включено

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

Обновление

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

  1. Откройте Stylus → «Управление»
  2. Найдите стиль «VK Play Developers — Тёмная тема»
  3. Нажмите на него для редактирования
  4. Замените код на новую версию из style.css
  5. Сохраните
8
3
2
1 комментарий