How to color a Reference Pin?

This is a minor thing, but is there any way to change the color of a reference pin without directly highlighting the whole rem it’s referenced to?

One possibility is Custom CSS.

Since pins are just references with an icon and references inherit all data tags from the reference target (see Guide: data attributes) you can build it like this (the pin is from rem):

image

[data-rem-tags~="pin-blue"] .rem-reference__pin {
  color: deepskyblue;
}

The drawback is that the reference target needs to be openend for tagging which is more friction than simply turning the reference into a pin by pressing Enter, Backspace.

But this exact same CSS also works to color all pins contained in a #pin blue rem. There are different selector combinations possible, depending on the use case.