Like Button Colorizer for Zhihu

为知乎的“喜欢”按钮添加颜色。

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Like Button Colorizer for Zhihu
// @namespace    https://www.jeddd.com
// @version      0.1.2
// @description  为知乎的“喜欢”按钮添加颜色。
// @author       Jed-Z
// @match        https://www.zhihu.com/*
// @match        https://zhuanlan.zhihu.com/*
// @grant        none
// ==/UserScript==

function coloring() {
    var elements = document.getElementsByClassName("Zi--Heart");
    for (let element of elements) {
        // console.log("coloring like button");
        if (element.parentNode.parentNode.textContent.localeCompare("取消喜欢") == 0) {
            element.style.color = "#eb4868";
        } else {
            element.style.color = "#8590a6";
        }
    }
    // console.log("coloring loop done");
}

(function(open) {
    XMLHttpRequest.prototype.open = function() {
        this.addEventListener("readystatechange", function() {
            coloring();
        }, false);
        open.apply(this, arguments);
    };
})(XMLHttpRequest.prototype.open);