Unable to change highlight syntax theme and codeblock size

[jabbaw0nky]

Issue 1

As the title suggests, I can't seem to change the codeblock theme. My config.yaml file is configured as follows:

assets:
disableHLJS: true

pygmentsUseClasses: false
markup:
highlight:
noClasses: false
codeFences: true
guessSyntax: true
style: "colorful"

The style variable changes nothing.

After digging, I was able to change the theme by executing this command:

hugo gen chromastyles --style monokai > assets/css/extended/monokai.css

But the theme only changes for light mode and not for dark mode. With this method, the dark mode remains on dracula.

FYI i tried to place the css from the hugo gen command insidde the assets/css/lib folder with the name chroma-dark.css as mentionned in the readme file but nothing change.

Issue 2

I'd like to know if it's possible to resize the codeblock so that I can directly view the entire code without having to scroll left and right.