harlowe CSS question: changing color of clickable hooks

slushcountry

i'm using harlowe, and trying to change the color of hooks that can be clicked, and only those hooks; currently i'm stuck with the default blue. tw-link { affects links to other passages, which is fine. but tw-hook { affects all the hooks (of course), clickable or not.

so if i have a hook like

[doot doot]<link1|
(click: ?link1)[the stuff that happens when clicked...]

what's the easiest way to go about changing the color so it's uniform with tw-link? am i making things too difficult for myself in some way here? should i show more code?

greyelf

As explained in this comment there are two different types of links, those based on the tw-link element and those based on the .enchantment-link CSS class.

If you use your web-browser's Development Tools to look at the HTML generated for your named hook/(click:) macro based link you will see that it is one of the latter.

The following CSS will change the (fore-ground) color property of all of the class based links to orange.

.enchantment-link {
	color: orange;
}