Setting color on block quotes, figure captions, and outlines

[kortdriessen]

Hello,
Thanks for all of the fantastic work here, quarto is great.

I have two closely related questions:

1. Is there a way to manually set the text color for figure captions and quotes separately without changing the 'fontcolor' html format option within the quarto yaml options? It seems that this text color defaults to some transformation on the main fontcolor specification, but I'd like to set them independently of that if possible, just haven't been able to figure out where.

2. I cannot figure out any way at all to change the color for the TOC 'outline bar' or the quote outline marking... I cannot find anything in the html format options on quarto, or any way to change my scss theme, or any sass variable to let me manually set these colors, which seem to be specified as the same (I think). I've attached an image detailing exactly what I'm referring to if this doesn't make sense.

Thanks again for the great stuff, let me know if I can clarify!

[dragonstyle]

1. For captions, the scss variable $body-secondary is used.

2. The active TOC element is colored using the scss variable $link-color.

You do also have the option to make CSS rules that target the various elements (e.g. .figure-caption { } or .sidebar nav[role=doc-toc] ul>li>a.active {})

[kortdriessen]

Thank you for this! Number-1 is exactly what I was looking for, but number-2 I think I wasn't clear so you picked the wrong variable... I'm not wondering about the sliding toc bar that is green in my picture (which IS defined by the $link-color variable you sent), but the line along which that bar slides - this is white in the image I sent, which means you can't see it! This seems to be defined by the same thing that the line markings which are directly to the left of a block quote are (also white in my picture, one to the left of each block quote)... If you just glance at it, it looks like the arrows are pointing to nothing, but that is just because these elements are white.

If you know which variable controls these that would be much appreciated, but more importantly - what is the best reference source for answering questions like this... e.g. if I wanted to figure out that the $body-secondary variable controls figure captions, where would you recommend I go to look this up?

Thanks again!

[dragonstyle]

Regarding the toc border (I see it now!) - that is currently always set to the color $gray-200 (which isn't really ideal - it would be great if we created a variable that you could use for that). I'll transfer this discussion to any issue to track that change.

Regarding the reference of variables and their impact - there isn't currently good enough documentation for this. We have some basic variables documented here https://quarto.org/docs/output-formats/html-themes.html but for very specific item I often find myself working backwards from the CSS using the browser's 'inspector' and finding which rule is applying the style and then looking at our implementation of that rule. Not ideal... The documentation on the theming and customization is something we'd like to improve in the future for sure!