Greasy Fork is available in English.

Grayscale AtCoder

Change images in AtCoder to grayscale with mouse over.

目前為 2021-06-28 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

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

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

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

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

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

(我已經安裝了使用者腳本管理器,讓我安裝!)

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

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

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

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

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

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

(我已經安裝了使用者樣式管理器,讓我安裝!)

  1. // ==UserScript==
  2. // @name Grayscale AtCoder
  3. // @description Change images in AtCoder to grayscale with mouse over.
  4. // @include https://atcoder.jp/*
  5. // @grant GM_addStyle
  6. // @run-at document-start
  7. // @version 0.0.1.20210628153314
  8. // @namespace https://greatest.deepsurf.us/users/788211
  9. // ==/UserScript==
  10.  
  11. /* jshint esversion: 6 */
  12. GM_addStyle ( `
  13. img:hover {
  14. -webkit-filter: grayscale(100%);
  15. -moz-filter: grayscale(100%);
  16. -ms-filter: grayscale(100%);
  17. -o-filter: grayscale(100%);
  18. filter: grayscale(100%);
  19. }
  20. ` );