Using _brand.yml colors with inline text styling

[lizevons]

Description

I have a set of custom colors that I would like to apply across multiple quarto projects. I thought a _brand.yml file would be a useful way to enable referencing pre-set colors within my quarto documents, therefore avoiding having to use specific hex codes whenever I want to apply these colors. I read about using brand shortcodes in the documentation here and I am trying to use these with inline text styling, but it does not seem to work. What am I doing wrong?

Minimal reproducible example

_brand.yml

color:
  palette:
       special-green: "#70B276"

doc.qmd

---
title: "Inline text styling example"
format: html
theme:
  - default
  - brand
---

[50%]{style="color:{{< brand color special-green >}};font-size: 200%;font-weight: 600;"} and some other inline text.

Expected output

This is what I am expecting to see when I preview the html:

Actual behaviour

Instead it looks like this:

quarto check

Quarto 1.6.39
[>] Checking environment information...
      Quarto cache location: C:\Users\vonStadenL\AppData\Local\quarto
[>] Checking versions of quarto binary dependencies...
      Pandoc version 3.4.0: OK
      Dart Sass version 1.70.0: OK
      Deno version 1.46.3: OK
      Typst version 0.11.0: OK
[>] Checking versions of quarto dependencies......OK
[>] Checking Quarto installation......OK
      Version: 1.6.39
      Path: C:\Users\vonStadenL\AppData\Local\Programs\Quarto\bin
      CodePage: 1252

[>] Checking tools....................OK
      TinyTeX: (not installed)
      Chromium: (not installed)

[>] Checking LaTeX....................OK
      Tex:  (not detected)

[>] Checking basic markdown render....OK

[>] Checking Python 3 installation....(None)

      Unable to locate an installed version of Python 3.
      Install Python 3 from https://www.python.org/downloads/

[>] Checking R installation...........OK
      Version: 4.2.2
      Path: C:/PROGRA~1/R/R-42~1.2
      LibPaths:
        - C:/Users/vonStadenL/AppData/Local/R/win-library/4.2
        - C:/Program Files/R/R-4.2.2/library
      knitr: 1.49
      rmarkdown: 2.29

[>] Checking Knitr engine render......OK

[mcanouil]

Use single quotes.

For reference:

• Cannot render text with customized background color from the brand palette #12532

Alternatively, you could use:

• https://github.com/mcanouil/quarto-highlight-text

[mcanouil]

What do you mean by "RStudio changes"?

[lizevons]

I am creating/editing my quarto file in RStudio. I add the styling to the text using single quotes. When I render to html using quarto render where I had typed single quotes in the .qmd file they are replaced with double quotes and the html output ends up with the same error I illustrated in my question above. The .qmd file itself is being edited during the rendering process, and the edits are passed on to the html output.

[mcanouil]

Are you using the visual editor?

quarto render (or any Quarto CLI commands) does not touch the input files.

[lizevons]

I edit the .qmd file using the "Source" view. I noticed though that if I switch over to the visual editor it applies the quote replacements. That must be it, not the quarto render command.

[mcanouil]

The visual editor needs to standardise the code. This is un unfortunate side effect of this standardisation.