I’m trying to lighten link colors in dark mode a bit. Here’s my default stylesheet:
@appearance: $APPEARANCE;
@light-link-color: #00f;
@dark-link-color: #f00;
@current-link-color: "@{appearance}-link-color";
item[data-done] {
> run[content] {
color: mix(@text-color, #000, 75%);
text-strikethrough-color: mix(@text-color, #000, 75%);
}
}
run[link] {
color: green;
color: @current-link-color;
}
Thing is, it doesn’t work right. If I comment out color: @current-link-color;
I get green links, but for the life of me I can’t seem to get variables based on $APPEARANCE
working right. If I leave it in, the link color changes from its default (a dark blue) to whatever color normal text is.
I use CSS and Sass plenty but Less almost never. Am I missing punctuation somewhere or something?