Today, while slacking off on Japanese learning, I put together some CSS to replace the lesson and review images on the WaniKani homepage. It’s nothing fancy, but I figured I’d share here in case anyone else would be interested in changing things up a little on their dashboard.
Install a browser extension such as User CSS that lets you add your own custom styles to any web site, then visit WaniKani’s dashboard and put the following into the extension:
.lessons-and-reviews__lessons-button{background-image:url(http://kurifuri.com/files/wanikani/css/ayumu_lessons-0.png)}
.lessons-and-reviews__lessons-button--1{background-image:url(http://kurifuri.com/files/wanikani/css/ayumu_lessons-1.png)}
.lessons-and-reviews__lessons-button--25{background-image:url(http://kurifuri.com/files/wanikani/css/ayumu_lessons-25.png)}
.lessons-and-reviews__lessons-button--50{background-image:url(http://kurifuri.com/files/wanikani/css/ayumu_lessons-50.png)}
.lessons-and-reviews__lessons-button--100{background-image:url(http://kurifuri.com/files/wanikani/css/ayumu_lessons-100.png)}
.lessons-and-reviews__lessons-button--250{background-image:url(http://kurifuri.com/files/wanikani/css/ayumu_lessons-250.png)}
.lessons-and-reviews__lessons-button--500{background-image:url(http://kurifuri.com/files/wanikani/css/ayumu_lessons-500.png)}
.lessons-and-reviews__reviews-button{background-image:url(http://kurifuri.com/files/wanikani/css/urushi_reviews-0.png)}
.lessons-and-reviews__reviews-button--1{background-image:url(http://kurifuri.com/files/wanikani/css/urushi_reviews-1.png)}
.lessons-and-reviews__reviews-button--50{background-image:url(http://kurifuri.com/files/wanikani/css/urushi_reviews-50.png)}
.lessons-and-reviews__reviews-button--100{background-image:url(http://kurifuri.com/files/wanikani/css/urushi_reviews-100.png)}
.lessons-and-reviews__reviews-button--250{background-image:url(http://kurifuri.com/files/wanikani/css/urushi_reviews-250.png)}
.lessons-and-reviews__reviews-button--500{background-image:url(http://kurifuri.com/files/wanikani/css/urushi_reviews-500.png)}
.lessons-and-reviews__reviews-button--1000{background-image:url(http://kurifuri.com/files/wanikani/css/urushi_reviews-1000.png)}
.lessons-and-reviews>ul>li>a {height: 30px; background-position: bottom;}
This replaces the lesson and review images with Ayumu and Urushi:
(Unrelated: @Vanessa-san, looks like this thread’s title can be updated to reflect that we’re currently reading.)




The fifth week thread is up now! 



but ill keep going!