[Userstyle] WaniKani Breeze Dark

Install directly with Stylus

A dark user style for WaniKani, to make learning at night more pleasant.

Feedback and ideas are very appreciated.

Hope you like it.

Installation

You can install by clicking the badge above (this requires the Stylus browser extension or any extension that can handle User CSS).

Troubleshooting

I’m seeing weird lines when using this style in Chrome

In your address bar type chrome://flags.
Then search for an entry called GPU Rasterization and disable that.
Solution found by @anon93264938 and @Borx.


Links

52 Likes
I have no idea what I'm doing
Wanikani screenshots :camera_flash:
Are you using Ultimate Timeline and the Breeze Dark style?
Wanikani is vindictive against the user
I have reached peak evolution
[UserScript] Advanced Context Sentence
[UserScript] Advanced Context Sentence
Heatmap Stories! (WaniKani Activity Chart)
[Userscript] Wanikani Heatmap
Should I get a WaniKani Subscription?
Wall of Shame Fortune Telling - (Aka I think Wanikani is trying to tell me something)
2100 KaniWani reviews
3 UI Questions
The New And Improved List Of API and Third Party Apps
[Userscript] Show Number of Learned Kanji, Vocab
WaniKani dark theme
How's everyone like the new layout?
The 0/0 Streak Challenge
Sometimes I enter the on'yomi on the meaning page
Alternate Color Scheme for Reviews/Lessons?
Color Coding: why does pink mean both "Kanji" and "Apprentice"?
I am getting error on the Kanji reading of Ten
Color Coding: why does pink mean both "Kanji" and "Apprentice"?
Heatmap Stories! (WaniKani Activity Chart)
[Userscript] WaniKani Custom Immersive Dashboard
Darkmode for WaniKani?
Is there a Kanji Review color change script?
Ah! Everything looks different!
Dark Mode Please
Dark Mode for lessons/reviews
The 0/0 Streak Challenge
Ah! Everything looks different!
[Userscript] WaniKani Lesson Cap
[Userscript] Dashboard Level Progress Detail. update to broken script
[Userstyle] WaniKani Simple Dark
[Userstyle] Transparent theme for forums
Wanikani screenshots :camera_flash:
The 0/0 Streak Challenge
Dark Mode for WaniKani
[Unsupported] Userscript: Dashboard Level Progress Detail (srs stages on progress bars)

What does it do?

Just changes the look of the website.

oic. looks good!

Thank you so much, I have been wanting a dark style. :slight_smile: This one looks great!

I’m glad you liked it. :slight_smile:

It would be nice to have a darker theme option for these forums too. :wink:

I did my first reviews with the theme, I really like the colors you chose. And there’s no anti-aliasing, or whatever you call it.

You probably mean the shadow that the default WaniKani theme uses.

As for the forums, I already thought about adding a theme for that as well.
It will probably be it’s own separate theme though, because this one is already becoming rather big.

Thank you! I’ve been searching for a good dark userstyle but I hadn’t found one I liked until now =)

Nice to hear that you like it.
Feel free to tell me if you find any issues.

Oh yeah, seen this one. Great thing, I like to have the web dark. Even YouTube and Google are dark.

Didn’t install the style, tho. Because it changes the original colors. Or, more like removes the bg ones and changes the white font color. Doesn’t mean that it doesn’t look good, on the contrary, it’s nice.

On the Reviews Summary, hovering over the character/word gives you the meaning and pronunciation. It is too dark to read in this style. Maybe make that a lighter gray to let it stand out from the dark grey so it’s more legible?

Thank you for the report.
Changed it to the default text color for now, so it should be readable now at least.

Added support for custom radical, kanji and vocabulary colors.

Just need some feedback if any colors changed where they shouldn’t have, may need to tweak the replacer script a bit otherwise.

1 Like

I rely on the black/white background of the meaning/reading text to tell which is asked for and, as such, found the style quite hard to use. Is this something which could be added? Maybe as an option in stylish when installing?

2 Likes

I could probably add an option that let’s you set the color background for reading/meaning to distinguish them better.

1 Like

Oh my, you really did that, haha, thanks! Now I can just make it white, and good to go. Or maybe some other color?

Actually, I meant that you deleted the background colors from the number in the dashboard, but now that I think about it, the dark theme should be, like, dark, so it’s better this way.

Ah you meant the SRS progress section?

I actually had the background color for that one before, but I found it a bit too much and liked it better this way.

Mmm, I meant these color-thingies =) Don’t know if it’s the SRS ones =) Like, pink, purple, blue, etc

P.S. Sry4paint,m8,haha

Yup, the first section has the class srs-progress, the second kotoba-table-list in HTML/CSS.

Just felt it was a bit too much when I color the entire background of those instead of only the text.

1 Like