[Userstyle] Elementary Dark

Looks like today the UI colours may have been updated again, perhaps related to the new “priority reviews” count.
With the style applied, text in some widgets is no longer distinguishable from the background boxes:

Never mind, I found I still had the “legacy” style also installed and active and it was causing these issues. Oddly enough, it wasn’t a problem since today, but anyway all good once I disabled the old style.

2 Likes

For some reasons this is the first style that worked for me since the update. Thanks for saving my eyes.

2 Likes

Quick Update

I’ve set up a nightly release pipeline if you want to give it a shot. It will mostly be identical to stable, but you might occasionally catch updates earlier on there.

2 Likes

Looks like the hint box on the item definition page changed. This happens on the nightly release as well.

Seems like these boxes changed classes from .subject-hint to .wk-hint

  • Nightly is fixed
  • Stable should mirror the changes within a few hours
1 Like

I’ve added limited support for the wkof dialog windows.
Let me know how well it plays with the wider userscript environment.

2 Likes

The support for the wkof settings doesn’t play well with Item Inspector and Self Study Quiz settings dialogs. The settings for filters are not rendered properly.

Here is a screenshot from Item Inspector. Self Study Quiz has the very same issue,

Also, as a unrelated problem, hints on kanji item pages are not render in dark theme. It looks more like a subdued light theme.

2 Likes

That would track. I was basing the styles on the settings demo which has no filters. Nighty shoul be good on that front now.

I also noticed some buttons were off, but it looked like userscript specific styling. While Im not going to support individual userscripts just yet, I will look into adding a stylus switch that would make the wkof styling more aggressive once I get off the clock.

That look is very much intentional. I take it you are not a fan :smiley:

I will take that feedback into account and try to brainstorm a different styling, but I would very much like to keep the hint section eyecatching.

2 Likes

The artwork on the study streak widget is broken. I checked the other components, and this is the only one that doesn’t look right.

Also note that there are special study streak icons that show up on certain days. I don’t know if that affects anything, but you can see a list of the icons people have found here: Special Durtle Sightings - WaniKani - WaniKani Community

1 Like

Sad to say, not broken, just ugly :c

These get loaded behind a shadow-root and only expose a handful of css props. Notably the outline color, but with no inner/outer separation, so you’re stuck choosing between a dark outline on a dark background, a light one bleeding into the inner SVG greens, or a washed-out light background. Not ideal either way.

This current grayscale look was what I decided for as the least bad option, but if you prefer the black outline(1), you can downgrade to 3.1.13 which used it.

I would like to eventually add another outline around the whole thing, like the first durtle below, but short of manually editing all the SVGs, I have yet to figure out how.

Never mind, I just discovered drop-shadow lmao

It’s live on Nightly. Stable should get this Sunday~ish, if there won’t be any issues

3 Likes