☰

Greasy Fork is available in English.

Grayscale AtCoder

Change images in AtCoder to grayscale with mouse over.

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

如何安裝

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

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

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

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

你需要先安裝一款使用者腳本管理器擴展，比如 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. ` );