I won’t be able to make a mockup until much later today, but for example:
The old one, despite being simpler, was much more readable. I still like the arrangement of things in the new one, the only thing I don’t like is that the speed gradients as they are don’t synergize with the rest and make the text less readable.
This was the example I used before on Discord, where it’s particularly bad:
This mock from Rose does what I was talking about before, it removes the colorful, busy background from the text area, caused by the gradients extending up (the problem then becomes the text outline, which works fine for medium/big texts, but can become clutter and reduce readability for small texts - white shadows could be experimented with instead).
In summary, a clear background with a high contrast color for the text would go a long way. That’s the only thing I have been suggesting.