☰

Gradient health

5/11/2023, 10:58:22 PM

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！） 

// ==UserScript==
// @name        Gradient health
// @namespace   -
// @match       https://sploop.io/
// @grant       none
// @version     1.0
// @license     mit
// @author      Urban Dubov
// @description 5/11/2023, 10:58:22 PM
// ==/UserScript==

const { fillRect } = CanvasRenderingContext2D.prototype;
const firstColor = "#00ff87";
const secondColor = "#60efff";

CanvasRenderingContext2D.prototype.fillRect = function (x, y, width, height) {
  if (this.fillStyle === "#a4cc4f") {
    const gradient = this.createLinearGradient(x, y, x + width, y + height);
    gradient.addColorStop(0, firstColor);
    gradient.addColorStop(1, secondColor);
    this.fillStyle = gradient;
    fillRect.call(this, x, y, width, height);
  } else {
    fillRect.call(this, x, y, width, height);
  }
};