ВКонтакте: синие лайки без реакций

Скрипт возвращает дух старых синих лайков. Примеры на скриншотах в описании

目前為 2021-12-08 提交的版本，檢視最新版本。

安裝腳本 ?

換行

// ==UserScript==
// @name         ВКонтакте: синие лайки без реакций
// @description  Скрипт возвращает дух старых синих лайков. Примеры на скриншотах в описании
// @namespace    https://gf.qytechs.cn/users/424058
// @version      1.0.0
// @compatible   Chrome
// @compatible   Opera
// @compatible   Firefox
// @author       https://vk.me/id222792011
// @icon         https://www.google.com/s2/favicons?domain=vk.com&sz=32
// @match        https://vk.com/*
// @run-at       document-start
// @grant        GM_addStyle
// @noframes
// ==/UserScript==

// with help of
// https://codepen.io/sosuke/pen/Pjoqqp
// https://mybyways.com/blog/convert-svg-to-png-using-your-browser

(function() {
  'use strict';

  GM_addStyle([`
    /* поповер с выбором реакции */
    /* мини иконка лайка в поповере списка людей оценивших пост */
    /* иконка реакции на каждой аватарке в списке оценивших */
    div.ReactionsMenuPopper,
    div.like_tt_reaction[style*=background-image][style*=reactions-0],
    div.fans_fanph_reaction[style*=background-image][style*=reactions] {
      display: none;
    }

    /* текст "Нравится" кнопки лайка */
    div.PostButtonReactions__title {
      top: 0 !important;
    }

    /* овальный фон активной кнопки лайка */
    div.PostButtonReactions--active {
      background-color: #e4e8ff !important;
    }

    /* текст активной кнопки лайка */
    div.PostButtonReactions--active div.PostButtonReactions__title {
      color: #4f6989 !important;
    }

    /* красная часть svg иконки кнопки лайка */
    span._like_button_icon g[clip-path] > g[clip-path][transform][opacity] > g[transform][opacity]:nth-of-type(1) {
      filter: brightness(0) saturate(100%) invert(29%) sepia(63%) saturate(4241%) hue-rotate(203deg) brightness(114%) contrast(102%);
    }

    /* png иконка кнопки лайка */
    /* мини иконка лайка в строке количества лайков (над кнопкой лайка) */
    /* иконка вкладки лайков в модалке списка оценивших */
    span._like_button_icon > div.PostButtonReactions__icon[style*=background-image][style*=reactions-0],
    div.ReactionsPreviewItem[style*=background-image][style*=reactions-0],
    span.fans_box_reaction_icon[style*=background-image][style*=reactions-0] {
      background-image: url('https://i.imgur.com/EGWBPoM.png') !important;
    }
  `].join());
})();

欢迎访问Greasy Fork镜像