Color "Confusion" in Modulo lesson 15

[MrInventor]

Issue description:
In Lesson15 Modulo in the modulo illustration on the right.
(Which i really like 😊 )

The "number" slider is green and show by green boxes. Makes sense.
The "modulo" is grey but the grey boxes illustrate the remainder.

Suggestion:
Move the math part with "Remainder: x" under the sliders.
Change color of "Remainder: x" test to reflect the color of the boxes.
Change the colors for Modulo slider to one that is not used on the boxes.

[razcore-rad]

How's this looking? Is it understandable without any explanation?

[NathanLovato]

No, that doesn't read well. It was clearer before. I think it's just a matter of tweaking the original visuals - as mentioned in the first issue, the point causing confusion is that the modulo slider is grey like the grey boxes.

[razcore-rad]

No. This is wrong. In the original exercise version, both sliders are green (on mouse hover) and gray (when mouse isn't hovering over). The original screenshot makes sense just cause it happens that number = 3 and reminder = 3 as well so there are only 3 green boxes. With number = 4, modulo = 6, the remainder is 2 so would mean 2 green boxes. It doesn't correspond to number = 4.

[razcore-rad]

I guess what I'd change in my version is to color-code the sliders the same way whether the mouse hovers or not over them.