Can't change pygmentsStyle

support
1

This is the theme I’m using:hugo-theme-one
The pygments setting in my config.toml is:

pygmentsCodefences = true
pygmentsCodefencesGuessSyntax = true
pygmentsStyle = "pygments"
pygmentsUseClasses = false

But when I change the pygmentsStyle to “native” or other style, It gets wrong:

2
2.2.png751×378 6.83 KB

As you can see, the highlighting is correct, but what’s about that ugly white blank?
I guess it may caused by my style.css:

code,
pre {
	font-family: Menlo, Monaco, 'Courier New', monospace;
}

code {
	padding: .25em .25em;
	background: #f8f8f8;
	font-size: 90%;
	margin-bottom: 20px;
}

pre {
	font-size: .9rem;
	background: #f8f8f8;
	padding: 1em;
	margin-bottom: 20px;
	overflow-x: auto;
	vertical-align: text-bottom;
}

but I don’t know how to modify it, please help!

2

Try adding this css

pre code {
  background-color: inherit;
}
1 Like
3

Ok, that solved my problem, thank you very much!