UX/UI Header_TooltipDarkThemeIcon: not enough contrast, login button and tooltip overlap each other and merge

[EkaterinaSokolova-V]

Steps:

1. Open any page, for example: https://mastersway-dev.netlify.app/ways
2. Light theme selected.
3. Hover over the theme icon.

Expected result:
"Switch to dark theme" tooltip appears next to Theme icon. All other header elements are visible.

Actual result:
Login button and tooltip overlap each other and merge. Both has the same color, there is no any contrast border of the tooltip.

Please compare with a similar situation but for a dark theme:

Enviroment:
Windows 11, Chrome Version 123.0.6312.123 (Official Build) (64-bit)

[EkaterinaSokolova-V]

related to: https://github.com/users/tritonJS826/projects/4/views/1?pane=issue&itemId=60691042

[vikpak89]

https://www.figma.com/file/ukyPUFcecdKzeBcdTHChYk/%D0%9F%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5?type=design&node-id=1996%3A44462&mode=design&t=ZlQHtGSX4QsEkWa3-1

[Ekaterina1994]

Need to fix variable = text is not border )

[Ekaterina1994]

Do we need updated styles for ttoltip according design ( on image)? Right now tooltips in demo is nor equal to the figma imiage. Or it will be other task?

[EkaterinaSokolova-V]

done