💾 Archived View for tommi.space › Stop%20highlighting%20start%20underlining.gmi captured on 2023-07-22 at 16:44:01. Gemini links have been rewritten to link to archived content

View Raw

More Information

⬅️ Previous capture (2023-03-20)

-=-=-=-=-=-=-

Highlighting is strong, excessive, distracting, aggressive.

Underlining is soft, neat, light, instead.

While ==highlighting screams==: LOOK AT ME COME ON!, underlining raises a hand and timidly tells you: hey! Remember this!

Highlighting is egocentric and annoying, underlining is actually useful: it catches the eye, but without stressing it with too many frills.

Underlining lets you focus on the content, which is what actually matters.

What about colored text or bold text?

This is more a matter of [[Design]]. In general, I prefer when there are less colors; it enhances focus.

Styling

An appendix for techies: as you may have noticed, underlined text in this website is a bit darker (or brighter, if you are in light mode) than the text. This is because I love when the underlining is subtle an simple. I did this by using a very nice CSS property: text-decoration-style. In this website’s CSS I set it up like this:

text-decoration-style

/* Instead of using a weaker grey, I decreased the opacity of the original text color, instead */

	
{


    text-decoration-color: #E3E3E399 !important;
    /* “!important” has to be added if we want to override the decoration color of <a> tags, which is the same of the link color by default */
}

<div class='yellow box'>
    <strong>Note</strong>: keep in mind that by using the <code>*</code> selector in CSS, we automatically change also the <del>strikethrough color</del>
</div>