[BUG] Chroma not rendering

[ajossorioarana]

Describe the bug

• Device/Os: Windows 10
• Type: Desktop
• Browser and version: Chrome 114.0
• Hugo Version: 0.113
• Theme Version: master

Steps to reproduce the behavior:

1. Follow the FAQ to setup syntax-highlighting via Chroma.
2. Generate chroma stylesheet as commented on issues [BUG] No syntax-highlighting when using Chroma #901 and how to enable code block highlights? #1046, saved in "assets/css/extended/monokai.css"
3. Observe syntax-highlighting of code-snippet in served website

Expected behavior:
Code highlighting with chroma

Repo/Source where this issue can be reproduced:
Repo with problem

Screenshots

Additional context

Here's the relevant excerpt from my config.yaml:

 [params.assets]
 disableHLJS = true
# ...
[markup.highlight]
 noClasses = false
 # anchorLineNos = true
 codeFences = true
 guessSyntax = true
 # lineNos = true
 style = "monokai"

[syakiba]

I have this problem too

[ajossorioarana]

OK, this is solverd. I may have missed something.

On top of generating the stylesheet with

hugo gen chromastyles --style monokai --highlightStyle 'bg:#474733' > assets/css/extended/monokai.css

The following settings in config.yaml did the trick:

 pygmentsUseClasses = false
# ...
[params.assets]
 disableHLJS = true
# ...
[markup.highlight]
 noClasses = false
 # anchorLineNos = true
 codeFences = true
 guessSyntax = true
 # lineNos = true
 style = "monokai"

The two that lead to the fix were pygmentsUseClasses = false and noClasses = false