Low or unreadable contrast, settings buttons, etc.

[duianto]

Describe the bug

In the settings window, with the Typewriter dark theme.
The contrast is too low between the light gray text on the light green background of:

• the focused category in the left panel
• some buttons in the right panel.

For example:
In the left panel, the category:
Appearance

In the right panel, the buttons:

• Manage
• Check for updates

In the community plugins section, with the Excalidraw plugin installed and selected.
In addition to the too low contrast, light gray text on the light green background.
The dark red text is unreadable against the dark gray background on the buttons:

• Disable
• Uninstall

To Reproduce

1. With the Typewriter theme installed
2. Go to Settings
3. In the left panel, click on: Appearance
4. Make sure that the Base color scheme is set to: Dark
5. ISSUE: See the low contrast light gray text on the light gray background
6. In the left panel, click on: Community plugins
7. With a plugin installed, for example: Excalidraw
8. In the right panel, under Installed plugins
9. Click on Excalidraw
10. ISSUE: See the unreadable dark red text on the dark gray background.

Information

• OS: Windows 11
• Obsidian: 1.8.10
• Typewriter theme: 2.2.2

Suggestions/Workarounds

The following contrast finder page, shows that the contrast is only:

• 1.78 for the light gray text against the light green background. https://app.contrast-finder.org/result.html?foreground=%23D5DDCA&background=%236DB478&ratio=4.5&isBackgroundTested=false&algo=HSV&lang=en
• 1.31 for the dark red text against the dark gray background https://app.contrast-finder.org/result.html?foreground=%23800000&background=%232A2A2A&ratio=4.5&isBackgroundTested=false&algo=HSV&lang=en

At the top of the contrast finder page, it says:

WCAG success criteria 1.4.3 requires text to have a minimum contrast ratio of 4.5 (and 3 for large text).

(WCAG = Web Content Accessibility Guidelines)

Scroll down on the contrast finder pages for some suggested higher contrast colors.

[duianto]

[crashmoney]

Hi @duianto! Thanks for flagging this and providing exact issues with images – accessibility is very important to me as a designer.

I'm going through a busy period right now, but once I get some spare time this will be top of my list to fix.

[crashmoney]

Hey @duianto! This issue has been patched in the latest release. I haven't managed to check it for an exact contrast metric, but it is a lot more readable now.

I may return to this as I continue updates or if the contrast metric still doesn't line up :) Let me know!