Forums

Why does only 'Light UI' have an opaque text box whereas 'Dark UI' is transparent?

Sort:
PaulyD81

I use Dark UI theme but when I go to certain club pages I cant read anything and have to change the mode to Light UI. This is an issue for some members as the only way to read the page is to switch to Light UI and they find bright light very irritable. Is there a solution?

Ximoon

Solution would be for admins of those clubs to consider both light and dark UIs when doing their design. Issue is some articles or descriptions are older than the very existence of the dark UI and were never updated.

DreamTeK

This shouldn't just be a question but a serious consideration for implementation given the reach of chess.com and its globally affected users.


Purpose of Dark Themes

It's crucial to recognize that dark themes are not just a stylistic choice; they serve essential purposes such as reducing eye strain in low-light environments, enhancing visual comfort, and conserving battery life on devices with OLED screens by utilizing darker backgrounds and lighter text.


Development Oversight

It seems likely there was an oversight during the dark ui development, neglecting to account for users' ability to add custom backgrounds. Suggesting that our community of 188 million members (not counting teams and groups) update their backgrounds is neither realistic nor practical.


Proposed Solution

A more effective solution would be a minor adjustment to the CSS to improve the legibility of the dark UI within the web application. For instance, changing the opacity from:

--color-bg-secondary: rgba(0,0,0,0.2);

to

--color-bg-secondary: rgba(0,0,0,0.8);


Accessibility Standards

To align with recommended accessibility standards, I strongly suggest increasing the opacity of the dark UI. The Web Content Accessibility Guidelines (WCAG) specify minimum contrast ratios to ensure text readability. For normal text, a contrast ratio of at least 4.5:1 is recommended, which the current default scaling for chess.com fonts does not meet.

I hope we can address this issue to enhance user experience and accessibility for everyone. Thank you for considering this important feedback!

ArtMarkham

I think the opacity fix would be a significant improvement, and something that the site admins can implement fairly easily without fundamentally changing the design of the site.

Tricky_Dicky

I have sent a link to this forum via the feature suggestion to the dev team.