Increase contrast between in-line code that is (not) a link

Light ModeDark Mode

In Light Mode, in-line code that is also a link is easily mistaken for ordinary in-line code. The situation is much better in Dark Mode.

Example fix:

image

<p>This <code style="
    background: #ededed;
    color: #444;
">code</code> is normal.</p>

<p>This <a href="https://exercism.org/"><code style="
    font-weight: 500;  <!-- down from 600 -->
">code</code> is</a> a link.</p>
2 Likes

cc @dem4ron

Thanks, it will be fixed by this PR:

I feel it’s ugly :grimacing:

It is obvious though. Perhaps I am just being difficult.

1 Like