jan-warchol / selenized

Solarized redesigned: fine-tuned color palette for programmers with focus on readability.
MIT License
767 stars 57 forks source link

Links are not accessible on dark theme #102

Open fekir opened 2 years ago

fekir commented 2 years ago

Hi, I'm interested in selenized as as an accessible color-theme.

Unfortunately blue and violet are not "performing" that well.

For example, background (bg_0) is #103c48, and blue (color used for links) is #4695f7.

According to https://webaim.org/resources/contrastchecker/, the contrast ratio is 3.91:1 (thus fails WCAG AA and WCAG AAA for normal text).

https://webaim.org/resources/contrastchecker/?fcolor=4695F7&bcolor=103C48

The solarized theme has background (base03) #002b36 and blue #268bd2. it still fails the WCAG AA and WCAG AAA for normal text, but the contrast ratio is slightly higher (4.07:1) compared to solarized.

https://webaim.org/resources/contrastchecker/?fcolor=268BD2&bcolor=002B36

Considering that https://github.com/jan-warchol/selenized/blob/master/whats-wrong-with-solarized.md#slightly-higher-contrast explains how selenized has better contrast, I am not sure if I am suing the wrong colors for a dark theme...

Similar issue for red (often used for warnings, contrast ratio 3.71:1) and violet (used for already visited links, contrast ratio 4.28:1). At least they perform better than solarized.

green has contrast ratio of 4.96:1, yellow of 5.95:1 so they are good.

Considering that on webpages blue and violet are the colors used for links and thus probablye the most used, it would be nice if those would be more accessible.

The fact that solarized has more contrast than selenized for links seems to be a bug ;-)