Problem with Syntax Highlighting - white background

[WinOpsDBA]

Describe the bug White highlight in a code section (see screenshot)

To Reproduce Install the theme as per instruction. Test with another theme and it is working fine

Expected behaviour Code highlights without white bacground

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu
• Browser: crome
• Version of the Theme: 1.11.0
• Version of Hugo: v0.68.3

[WinOpsDBA]

I am new to the Hugo, please help.

[lxndrblz]

@WinOpsDBA What's the code snippet that you had used?

[WinOpsDBA]

I am using it for terraform code.

[lxndrblz]

@WinOpsDBA Hi there, I tried to reproduce your error, but only got this result:

I had used the following snippet in the latest theme:

I am wondering what you might have done differently. 🤔

[WinOpsDBA]

Good morning @lxndrblz, Would you like to try it with monokailight, please?

my current config

pygmentsCodeFences = true
pygmentsUseClasses = true
customCss = ["css/syntax.css"]

When I look at the website generated by Hugo server I can see the following

When I open a static website from the drive I ma getting this

Thank you for looking into it for me, much appreciated.

[lxndrblz]

@WinOpsDBA It seems you are loading a custom css file. Did you try the code highlighting that comes with Anatole?

[martinolmos]

I have a similar issue. Bottom line is that the highlighting style is different than what is supposed to be. I understand that the default Chroma style for Anatole is Monokailight. This is how this theme should look like according to this Chroma style gallery:

And this is how it looks like in my blog:

Looks like a totally different style. Any ideas how to correct this issue?

[lxndrblz]

@martinolmos I've just tried the snippet from your top image and it works perfectly for me.

I imagine the second one looks different because it is python and not Go. Do you know what it supposed to look like?

[martinolmos]

Ok, thank you very much for answering. I see in the image that you provided that the colours are correct, but the font family is different, right?

[lxndrblz]

@martinolmos Correct. This should be a serif/monospace font.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.