/vk-schemes

Цветовые схемы для vk.com

Primary LanguageCSS

VK Schemes

Набор цветовых схем для vk.com + небольшие настройки для сайта.
Для покраски используются переменные с сайта (и только переменные).

Установка

  1. Установить менеджер стилей с поддержкой UserCSS (желательно, Stylus):

  2. Выбрать схему (кликнуть на нужный скриншот из списка ниже)

Схемы

  • VKCOM Light
    Стандартная светлая тема ВКонтакте

    VKCOM Light

    Варианты:

    • VKCOM Light Alternate Buttons
      Вариант VKCOM Light с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      VKCOM Light Alternate Buttons

  • VKCOM Dark
    Стандартная тёмная тема ВКонтакте

    VKCOM Dark Screenshot VKCOM Dark

    Варианты:

    • VKCOM Dark Alternate Buttons
      Вариант VKCOM Dark с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      VKCOM Dark Alternate Buttons Screenshot VKCOM Dark Alternate Buttons

  • Obsidian
    Тёмно-фиолетовая схема

    Obsidian Screenshot Obsidian

    Варианты:

    • Obsidian Alternate Buttons
      Вариант Obsidian с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Obsidian Alternate Buttons

  • Mono
    Высококонтрастная светлая схема

    Mono Screenshot Mono

    Варианты:

    • Mono Alternate Buttons
      Вариант Mono с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Mono Alternate Buttons

  • Monodark
    Высококонтрастная тёмная схема

    Monodark Screenshot Monodark

    Варианты:

    • Monodark Alternate Buttons
      Вариант Monodark с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Monodark Alternate Buttons

  • Ayu
    Темная схема, основанная на цветах dempfi/ayu - темы для Sublime Text

    Ayu Screenshot Ayu

    Варианты:

    • Ayu Alt
      Контрастный вариант Ayu

      Ayu Alt Screenshot Ayu Alt

      Варианты:

      • Ayu Alt Alternate Buttons
        Вариант Ayu Alt с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

        Ayu Alt Alternate Buttons

    • Ayu Alternate Buttons
      Вариант Ayu с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Ayu Alternate Buttons

  • Monokai
    Темная схема, основанная на цветах Monokai Pro - темы для Sublime Text и VS Code

    Monokai Screenshot Monokai

    Варианты:

    • Monokai Red
      Вариант Monokai с красным акцентом

      Monokai Red

      Варианты:

      • Monokai Red Alternate Buttons
        Вариант Monokai Red с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

        Monokai Red Alternate Buttons

    • Monokai Blue
      Вариант Monokai с синим акцентом

      Monokai Blue

      Варианты:

      • Monokai Blue Alternate Buttons
        Вариант Monokai Blue с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

        Monokai Blue Alternate Buttons

    • Monokai Alternate Buttons
      Вариант Monokai с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Monokai Alternate Buttons

  • Windswept
    Блекло-красная схема

    Windswept Screenshot Windswept

    Варианты:

    • Windswept Alternate Buttons
      Вариант Windswept с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Windswept Alternate Buttons

  • WTF
    Отличная схема, приятная глазу

    WTF Screenshot WTF

    Варианты:

    • WTF Alternate Buttons
      Вариант WTF с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      WTF Alternate Buttons

  • Debug
    Абсолютно непригодная для использования схема, предназначенная для выявления непрокрашенных частей шаблона

    Debug Screenshot Debug

    Варианты:

    • Debug
      Зелёный вариант

      Debug

      Варианты:

      • Debug Alternate Buttons
        Вариант Debug с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

        Debug Alternate Buttons

    • Debug
      Синий вариант

      Debug

      Варианты:

      • Debug Alternate Buttons
        Вариант Debug с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

        Debug Alternate Buttons

    • Debug Alternate Buttons
      Вариант Debug с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Debug Alternate Buttons

  • Firefox Alpenglow
    Темная схема, основанная на цветах Firefox Alpenglow - темы для Firefox

    Firefox Alpenglow Screenshot Firefox Alpenglow

    Варианты:

    • Firefox Alpenglow Borderless
      Вариант Alpenglow без яркой обводки

      Firefox Alpenglow Borderless Screenshot Firefox Alpenglow Borderless

      Варианты:

      • Firefox Alpenglow Borderless Alternate Buttons
        Вариант Firefox Alpenglow Borderless с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

        Firefox Alpenglow Borderless Alternate Buttons

    • Firefox Alpenglow Alternate Buttons
      Вариант Firefox Alpenglow с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Firefox Alpenglow Alternate Buttons

  • Mold
    Тёмно-бирюзовая схема

    Mold Screenshot Mold

    Варианты:

    • Mold Alt
      Вариант Mold с бежевым акцентом

      Mold Alt

      Варианты:

      • Mold Alt Alternate Buttons
        Вариант Mold Alt с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

        Mold Alt Alternate Buttons

    • Mold Alternate Buttons
      Вариант Mold с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Mold Alternate Buttons

  • Dracula
    Темная схема, основанная на draculatheme.com

    Dracula Screenshot Dracula

    Варианты:

    • Dracula Contrast
      Контрастный вариант Dracula

      Dracula Contrast Screenshot Dracula Contrast

      Варианты:

      • Dracula Contrast Alternate Buttons
        Вариант Dracula Contrast с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

        Dracula Contrast Alternate Buttons

    • Dracula Alternate Buttons
      Вариант Dracula с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Dracula Alternate Buttons

  • Yandex.Music
    Темная схема, основанная на тёмной теме Яндекс.Музыки

    Yandex.Music Screenshot Yandex.Music

    Варианты:

    • Yandex.Music Contrast
      Контрастный вариант Yandex.Music

      Yandex.Music Contrast Screenshot Yandex.Music Contrast

      Варианты:

      • Yandex.Music Contrast Alternate Buttons
        Вариант Yandex.Music Contrast с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

        Yandex.Music Contrast Alternate Buttons

    • Yandex.Music Alternate Buttons
      Вариант Yandex.Music с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Yandex.Music Alternate Buttons

  • Leaf
    Красно-зеленая (да, на любителя) светлая схема

    Leaf Screenshot Leaf

    Варианты:

    • Leaf Alternate Buttons
      Вариант Leaf с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Leaf Alternate Buttons

  • Acid Dark
    Тёмная схема с ярко-фиолетовым акцентом

    Acid Dark Screenshot Acid Dark

    Варианты:

    • Acid Dark Alternate Buttons
      Вариант Acid Dark с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Acid Dark Alternate Buttons

  • Ocean
    Тёмно-синяя схема с голубым акцентом

    Ocean Screenshot Ocean

    Варианты:

    • Ocean Alternate Buttons
      Вариант Ocean с инвертированными цветами кнопок (цвет текста и фона кнопки поменяны местами)

      Ocean Alternate Buttons

Настройки стиля

В 1.0.7 во все схемы были добавлены настройки из VK Tweaks. Чтобы их использовать, нужно зайти на vk.com, нажать на значок Stylus в панели браузера и открыть настройки стиля.

Список настроек:

  • Скрытие рекламы слева
  • Скрытие историй в новостях
  • Скрытие недавно посещенных сообществ
  • Настраиваемое скругление аватарок
  • Название пункта 'Мессенджер' в левом меню
  • Внешний вид счётчиков слева
  • Изменение регистра текста (например, можно сделать весь текст БОЛЬШИМ)
  • Бесплатная поездка в Италию
  • Скрытие миничатов

Добавление своих схем

Чтобы добавить свою схему:
(Шаги 3-4 нужно выполнять из корня репозитория)

  1. Скопируйте репозиторий.
  2. Добавьте схему в build/schemes (подробнее о структуре схем в build/readme.md)
  3. Запустите build/builder.py для сборки схем.
  4. Проверьте работоспособность собранной схемы (в папке styles).
  5. Сделайте PR.