Improve the contrast of the areas in the second screen

[DianaTavares]

Dynamic changes in the colors of the areas is not working because the contrast still not being good:

I suggest using these colors:

#6D266C
#96009A
#C906C8
#FF00FF
#FF4DFF
#FF8AFF

They are not gradients of the same color, bur they are similar for the good-looking of the sim, and they same time different enough to distinguish them.

@arouinfar, comments about the colors suggested?

[AgustinVallejo]

What do you think of this?

[DianaTavares]

Better!!
But I'm still finding strange behaviors:

1. Sometimes all the colors just vanish. It happens when one cycle is complete. I find it strange because still color there, we can see like a ghost, and the area numbers are there when the checkbox is active. I think that the color behavior needs to be all the time constant while is play active. Always filling with the same colors and maintain the other areas.

2. the idea is to have these colors as contrast:
   

but it is like jumping to the last colors, and look the same the last three colors
3.

3. I really would like to see all the orbit with color, but when the planet starts the last area, it is already invisible the first area:
   

4. In my opinion, I don't like this changing of color of the past areas. I find it distracting because I think that the attention of the student needs to be in the new area filling. With this change of color in the other areas, is several dynamic changes in the simulation. What do you think @arouinfar?

[arouinfar]

I completely agree @DianaTavares.

Here's another example of how rapidly the colors can change, occasionally creating ghost sections.

Screen.Recording.2023-05-24.at.4.46.26.PM.mov

I would prefer a static set of colors, but the ones you suggested in #38 (comment) can still have some contrast issues with the black background. I can play a bit more with the colors in Illustrator and use a contrast checker to find some alternatives.

[DianaTavares]

We decided at today's design meeting that we are going to use solid colors for the area (not shadows or gradients).

The colors elected are:

#80007F
#A400A4
#C800C8
#FF24FF
#FF6DFF
#FF92FF

The graphs can include stokes for better contrast with the background. These colors will be used for the dark and projector view.