@Hubbit200 apparently CIDWWA support was broken for a bit, since the bg-white class was removed. So finally bit the bullet and put in some support for the userstyle into cidwwa. It’s not quite how it used to look like, if you fully remove the support
comparison
Before removing:
After removing:
But at least it looks like it has support, so your choice about what you do with that part of the code.
Also added that line that sets the text color on the cog, didn’t realize that that was in esmover, and not cidwwa, otherwise that would’ve been done earlier.
1 Like
That’s great, thanks! I’ll go ahead and remove the CIDWWA-specific code from BD2 then, as it seems to look virtually identical except a few shadows.
The one thing I’ll probably leave in is this, as I think having all non-radical/kanji/vocab header buttons being the same --color-tertiary looks better, as well as the button border being semi-transparent (which is the case even without BD2 for all the header buttons).
.wk-custom-button {
--focus-color: var(--color-tertiary) !important;
--hover-color: color-mix(in srgb, var(--color-tertiary) 25%, #0000 75%) !important;
}
.wk-custom-button:hover, .wk-custom-button:focus {
color: var(--color-text) !important;
}
1 Like
I’m aware of a few text colour issues that have appeared over the weekend, I have a fix ready and will release it as soon as I can!
EDIT: 0.6.8 out now that should fix most of the issues, lmk if I’ve missed anything
2 Likes
I am back once again with my accumulation of things I’ve fixed locally as I happen upon them but forget to report here right after.
I'll jump right in with the css
.wk-button--quiz {
box-shadow: none;
}
.subject-legend__item-badge--recently-unlocked,
.subject-character__badge {
box-shadow: none
}
.character-item--radical:not(.character-item--burned) .radical-image,
ul.multi-character-grid li.character-item .radical-image,
.page-header__icon--radical .radical-image {
--color-text: var(--color-text-dark)
}
.character-item:hover .radical-image,
.subject-character--grid:hover .subject-character__character-image {
filter: none
}
.subject-character--grid .subject-character__character-image {
position: relative;
top: -5px;
}
/* inside better review layout */
.quiz .subject-section--meaning .subject-section__content .subject-section__subsection:last-child,
.quiz .subject-section--reading .subject-section__content .subject-section__subsection:last-child {
grid-column: 1 / span 2;
grid-row: 2; /* this is the only property I changed, to go along with the changes for info-injector */
background-color: var(--color-wk-panel-content-background);
padding: 8px;
padding-left: 15px;
border-radius: 5px;
box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.7);
margin-bottom: 0;
}
.quiz .subject-section--meaning .subject-section__content .subject-section__subsection:last-child h3,
.quiz .subject-section--reading .subject-section__content .subject-section__subsection:last-child h3 {
font-variant-caps: all-small-caps;
font-weight: bold;
}
/* end */
.subject-character--grid::after {
border: 1px solid;
border-color: #FFF6 #0000 #3336 #3336;
}
/* scripts */
.item-info-injector-accordion > div {
padding-left: 0px;
}
@media (min-width: 1400px) {
.quiz .subject-section--meaning .subject-section__content .item-info-injector,
.quiz .subject-section--reading .subject-section__content .item-info-injector {
grid-column: 1 / span 2;
grid-row: 3;
}
}
/* Keisei Phonetic-Semantic Composition */
.wk_keisei .recently-unlocked-badge::before {
box-shadow: none;
}
/* Niai Similar Kanji */
#niai_section .delete-badge::before {
box-shadow: none;
}
The major things are
- fixes for box-shadows
- fixes for radical images
- adding a border to the item lists because the gradient alone is kind of not really distinctive enough
- fixes to info-injector in the better review layout for scripts like Keisei phonetic-semantic composition
- one other general info-injector fix
- removal of box-shadows on elements in Keisei and Niai
I have two more small changes for Keisei and Niai but they are contingent on a couple of pull requests I made to those scripts being accepted (the PRs also make it so the scripts use the wanikani css variables for item colors).
I’ll sort through all your suggestions and get them implemented in the next few days, thanks as always!
0.6.9 released with most of this and a few other changes. Please let me know if anything’s broken, I changed a bunch of things.
Also, @LupoMikti where is the .wk-button--quiz element which you’re styling? I can’t find it 
Quiz button in lessons
It randomly gained a box-shadow one day.
1 Like
As far as I can tell nothing’s broken. The one change left out I’d really like to see put in is the shifting of radical images upward in character grids.
Edit for clarity: the image radical in this picture is “Morning”
I cannot describe how much it annoys me that the font for real characters does not place them at the bottom of their span container, but the image fills the container properly making it look like it’s not centered with the rest when in the html it is. The rule that shifts the image up by 5px was to address this.
1 Like
Thanks, I’ll get both those fixes in as soon as I can!
0.7.0 with both of those fixes released!
1 Like
Ahh, the await day is finally here. The Lesson Picker has been released, and with it, a change to the lessons and reviews tiles on the dashboard. I don’t mind the colors I just wish they weren’t as bright, so perhaps there could be a setting for muting the brightness vs getting rid of the color and having them be the dark they were before?
1 Like
Fix incoming asap, thanks for letting me know!
1 Like
Oh thank goodness you aligned the buttons, thank you thank you thank you
2 Likes
Yeah idk why they didn’t, it was bothering me so much 
Well, looks like it was at least considered, but can’t say I agree with the result
1 Like
I’ll get rid of the alignment code in BD2 with the next update
1 Like
