How do I edit the appearance of a link?

Custom CSS & Theme Design
2

Sorry for the hasty self-reply, but I figured it out. I had missed the (probably obvious) button on the console to inspect elements (I’m new to this). So I figured out that I need to use cm-highlight.cm-hmd-internal-link And now that works :slight_smile:

Edit: In case anyone reads this, I’m still having trouble with this after all. It seems I can have the color applied to highlit links either in edit mode OR in preview mode, but not both.

span.cm-highlight.cm-hmd-internal-link {
    font-style: initial;	
    background-color: var(--highlight-link);
    color: #222;
}

body > .app-container div.markdown-preview-view mark > hmd-internal-link {
	font-style: initial !important;
	background-color: var(--highlight-link);
	color: #222;
}

If I change the last hmd-internal-link to just internal-link the color is applied in preview mode, but NOT in editor mode.

I tried just copying that last block and having one with the hmd and one without but that didn’t work.

Any ideas?
Thanks!