Change the color for the tooltips

[juanis2112]

No description provided.

[isabela-pf]

Because the current tooltips are a low contrast black text on medium blue, I’m proposing to change the colors to higher contrast options and increase legibility.

I’ve mocked up three color options see how they look with the rest of the Spyder UI colors. All proposals pass minimum contrast recommendations by WCAG 2.1.

The blue version is closest to the current experience; to meet contrast standards I did have to use a blue that does not currently exist in Spyder.

The dark version blends in the most, which has pros and cons. It fits well with the existing UI, but it also is the hardest one to spot which may not be ideal for a tooltip. I did find some applications using dark tooltips in a dark UI even though it did not seem to be the most common choice.

The light version stands out the most. Surprisingly, light tooltips in a dark UI seems to be relatively standard in other applications I explored.

I think any of these options could work well, so feedback is welcome. I’ll be happy to post the exact specs for whichever direction we decide to pursue.

[isabela-pf]

When meeting with @juanis2112 and @ccordoba12, we decided to go with the blue option. I've listed the specs below:

• Blue background is #3775A9
• White text is #F5F5F5
• Shadow is 0px 0px 8px rgba(0, 0, 0, 0.5)

[isabela-pf]

Quickly updating this with some very simple mockups showing the tooltips with the WIP color system as it is now at #13. Many of the colors are the same and were based on this original work. I'll keep coming back to this as more significant changes are made.

[juanis2112]

We will like to see lighter shades of blue for both themes.

[juanis2112]

Closing with spyder-ide/spyder#14665