search

Minoru / blog.tty8.org

Source code for my blog
https://blog.tty8.org
9 stars 1 forks source link

Underline URLs #37

Open Minoru opened 5 years ago

Minoru commented 5 years ago

The current theme disables underlining, but the colour we use doesn't contrast enough with the body colour; as a result, links blend in with the text.

What we could do instead is something that gatesnotes.com does:

.articleContent a {
    border-bottom: 1px solid #A6DCF3;
    box-shadow: inset 0 -6px 0 #A6DCF3;
    color: inherit;
    -webkit-transition: background .15s cubic-bezier(0.33,0.66,0.66,1);
    transition: background .15s cubic-bezier(0.33,0.66,0.66,1);
}

A fat, mildly blue underline is highly visible yet not distracting. It's also easily distinguishable from ordinary underlining, which makes it more accessible for people with bad vision.

Minoru commented 7 months ago

Also, unvisited links should change their appearance on hover/active. Currently they don't change colour at all, which might confuse the user.