[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

56 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
Dark Mode for WaniKani
[Userscript] Wanikani Heatmap
Should I get a WaniKani Subscription?
Wall of Shame Fortune Telling - (Aka I think Wanikani is trying to tell me something)
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
[Userscript] The GanbarOmeter
Darkmode for WaniKani?
Is there a Kanji Review color change script?
Dark Mode for lessons/reviews
Should I start again?
Should I start again?
2100 KaniWani reviews
Heatmap Stories! (WaniKani Activity Chart)
Wanikani screenshots :camera_flash:
What do you want now? (Request extensions here)
Dark Mode Please
Ah! Everything looks different!
Possible Dark Mode?
[Userscript] Tofugu Latest
How to temporarily fix the dark theme
Petition for Dark Mode on WaniKani
Pimp my Wanikani Show-offing
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
The 0/0 Streak Challenge
[Unsupported] Userscript: Dashboard Level Progress Detail (srs stages on progress bars)
[UserScript] Advanced Context Sentence
[UserScript] Advanced Context Sentence
[Userscript] WK Extra study mover

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.

1 Like

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?

1 Like

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.

2 Likes

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?

3 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