☰

WaniKani Review Accessibility Change Icon

Update icon next to input after answering a review based on whether the answer was correct or not. Designed to help colorblind users.

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

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

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

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

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

（我已经安装了用户脚本管理器，让我安装！）

如何安装

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

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

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

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

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

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

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name          WaniKani Review Accessibility Change Icon
// @namespace     https://www.wanikani.com
// @description   Update icon next to input after answering a review based on whether the answer was correct or not. Designed to help colorblind users.
// @author        seanblue
// @version       1.0.0
// @include       https://www.wanikani.com/lesson/session
// @include       https://www.wanikani.com/review/session
// @grant         none
// ==/UserScript==

(function($) {
	let style = `<style>
	#answer-form .correct i:before { content: "\\f058"; }
	#answer-form .incorrect i:before { content: "\\f057"; }
	#answer-form .close i:before { content: "\\f059"; }
</style>`;

	$('head').append(style);
})(window.jQuery);