Tired of typing the wrong answer because you mixed up the input fields?
If you are using WaniKani for more than a few levels, you have probably experienced that moment of hesitation: is this asking for reading or meaning? or is this onyomi or kunyomi? After 50+ levels I still sometimes type a Japanese reading when WaniKani wants English, or vice versa.
WaniKani ColorFlow solves this by color-coding each input field based on what the system is actually asking for. Blue for onyomi, green for kunyomi, neutral for meaning.
How It Works
The script monitors the WaniKani review page and detects the question type in real time by reading the page DOM. No API calls, no external dependencies.
- Onyomi reading → Blue background with blue left border
- Kunyomi reading → Green background with green left border
- Meaning → Light gray background
- Each input gets a type label: ON, KUN, or 意味
Features
- Real-time DOM detection using MutationObserver
- Works with WaniKani Turbo navigation
- WKOF Settings panel to customize colors, toggle labels, enable/disable
- Zero external dependencies, no CDN calls
- Compatible with Double-Check, Override, Lightning Mode
- Zero configuration - works immediately after install
Install
Requirements
- WaniKani Open Framework
- Tampermonkey
Source Code
GitHub: bimapopo345 (Bima Prawang Saputra) · GitHub
More Scripts
I also made: Meaning Translation (auto-translate meanings), Review Analytics (accuracy charts), Burn Fusion (burned items in reviews).
Feedback
v1.0.0 - let me know what you think!