Skip to content

Instantly share code, notes, and snippets.

@marklap
Last active February 26, 2025 12:35
Show Gist options
  • Select an option

  • Save marklap/afa1332dfc72f1a430f0a8041ba02114 to your computer and use it in GitHub Desktop.

Select an option

Save marklap/afa1332dfc72f1a430f0a8041ba02114 to your computer and use it in GitHub Desktop.
WaniKani script to chill out the vibrant colors.
// ==UserScript==
// @name WaniKani Chill Colors
// @namespace http://tampermonkey.net/
// @version 2025-02-24
// @description A simple custom CSS to chill out the vibrant colors of the review pages.
// @author marklap@gmail.com
// @match https://www.wanikani.com/subjects/review
// @icon https://www.google.com/s2/favicons?sz=64&domain=wanikani.com
// @grant none
// ==/UserScript==
(function(gobj) {
'use strict';
document.head.insertAdjacentHTML('beforeend',`
<style name="chill_colors" type="text/css">
#turbo-body > div.quiz > div > div.character-header.character-header--vocabulary { background-color: #d580ff; background-image: none !important; }
#turbo-body > div.quiz > div > div.character-header.character-header--kanji { background-color: #ff80d5; background-image: none !important; }
#turbo-body > div.quiz > div > div.character-header.character-header--radical { background-color: #80d5ff; background-image: none !important; }
#turbo-body > div.quiz > div > div.quiz-input > label.quiz-input__question-type-container { background-image: linear-gradient(#444444, #555555) !important; }
#turbo-body > div.quiz > div > div.quiz-input > label.quiz-input__question-type-container > span { color: #ffffff !important; text-shadow: none !important; }
</style>
`);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment