Wanikani Dark Azure 2 Theme

What I meant with this was that on Userstyles.org when you publish or update your style you cab add settings like this

which you then reference as, for example

div {
    background-image: "/*[[background]]*/";
    color: "/*[[main text]]*/";
}

These placeholders will be replaced with whatever the user selects from the customization settings when installing your style

Then, instead of having to write "/*[[background]]*/" everywhere you could just define a variable in :root and reference that in your styles. For example

:root {
    --background: "/*[[background]]*/";         /* this is a CSS variable */
    --text-color: "/*[[main text]]*/";          /* this is also a CSS variable */
}
div {
    background-image: var(--background);        /* this is how you reference your variables */
    color: var(--text-color); 
}
2 Likes

Perfect! Thank you very much.

2 Likes

Thank you I will try adding it soon. :slight_smile:

1 Like

I wish it was just a tad bit darker, but you know what, I think I like it. Anything other than the bright white page. And the other theme I’ve been using recently had some issues. Nice work!

1 Like

Updated search bar
image

1 Like

Fixed this again after it was unknowingly changed.

1 Like

Big Improvement guys! Radicals can now be seen even with blue text. a lot of blue and dark colours have been added all over the place! :slight_smile: and Time line has been slimmed a little.


4 Likes

Updated loading screen.

also can someone please make this in to a high res gift? maybe bouncing or spinning, may one with just the circle part and and another with the writing included. If possible I would like to add it to the loading screen thanks.

4 Likes

You probs want to change the shadowing on this one.


The add synonym button as well? I don’t know what combination of blue/grey would be good but atm it sticks out a bit from the theme.
2

changed boxes, had trouble figure one of the hover buttons so it’s still gray.
image


image

2 Likes

I’m not using this style but I think the black border style you’ve got going is pretty cool

2 Likes

That’s funny because I think it clashes with the shadows. I’ll have to change it everytime it updates.

1 Like

I think I agree with that, actually. But I do like the outlines. If you don’t want to fix it every time it updates, then I suggest you put the fixes in a separate style as a permanent fix

1 Like

Updated quite a few new improvments

1 Like

Is there a way to change the font color of the kanji progress bar? Right now it is blue font in a bright pink bar

Unrelated but I recently downloaded some scripts that are clashing with the theme. Theme looks very nice on its own , but I’ll let you know what scripts might be causing an issue when I figure it out myself.

1 Like

screenshots? Or could you add like a little blog or something so people can easily keep track of your updates/ what you updated. I don’t see anything here and on the userstyles.org website there’s just ā€œLots of new improvements!ā€ Just little details like ā€œimproved look of search barā€ ā€œadded blue text to review forecastā€ and so on will help people to get a quick rundown of the changes. Atm I’ve got to play spot the difference and may not fully appreciate the changes you’ve made because I might miss them.

I think the script doesn’t seem to be jiving well the critical review countdown. It looks fine before review but after review this is what the top of the screen looks like (to the right of that JLPT progress bar)

. It might also be reacting to the Wanikani: progress percentages script (which is that bar that I recently added)

What color would you like? Ill make a script for.it

This whole thread is sort of a blog it’s self. I have given you screen shots for most changes. there were only a few times I didn’t because I was too tired. If I were to screen shoot every single change I make. it would take a lot longer to update. I kept you in mind while updating the script, and update yours a few times. but it got a bit too much to keep updating your script every time added a border to something.
if you want to update your script with everything I changed from your last time I updated your script?
copy the ;last header which is this ā€œ#reviews-summary #review-stats [id*=ā€œreview-stats-ā€]ā€
go to the latest script I updated pres ctrl f and search for that line, and then coppy and paste everything below it. and paste into your own script. but there will be the boxes on a lot of things you don’t like.
you could ctrl f the word ā€œborderā€ and just delete every line that has border in it, you don’t like them so much?

Like I said I’m not a coder so it takes me hours to figure a lot of things out. and sometimes I can’t figure it out. .in my heart I want you to be happy, with the changes I make and I have taken on your suggestions when editing.

maybe you should try to figure out how to make changes yourself? and then it can be a lot more the way you want it.

2 Likes

i’ll take a look