Visual overhaul #2
Conversation
warning: kinda janky
| #KeyY, #KeyH, #KeyN, #KeyU, #KeyJ, #KeyM { | ||
| background-color: #8080ca; | ||
| } | ||
|
|
There was a problem hiding this comment.
I'm thinking, so you want a certain colour for the proper fingering right, and then when active for that level, it would change colour?
If we created classes like finger-01 (through to 10) and assigned them in the layoutDivs file, then we could colour them according to .finger-01 and .finger-01.active right?
Especially if you just want it to be darker, and then when active become light, you could actually just do
.finger-01 {
background-color: somecolour;
color: black;
opacity: 0.5;
}
.active {
color: white;
opacity: 1;
}
right?
There was a problem hiding this comment.
That is essentially the goal, yes. That system should also make it easy to change at runtime for layouts that require different fingering like DH.
On a related note, I'd also like to be able to highlight/brighten the keys that are currently being learned (which is currently working now, albeit with a not-so-clean implementation).
Adds colored finger chart and other visual changes
TODO: Make finger chart angle mod/DH compatible