Code block outlook doesn't work well

[SkyLin]

@Takanobu_Fuse

My Solution

1. uninstall component “hljs-theme-picker”
2. pick up the one css file ( I picked up rainbow.css) from the below

hljs-theme-picker/assets at main · discourse/hljs-theme-picker · GitHub

3. edit theme CSS/HTML, copy and paste contents in rainbow.css

Many thanks to Takanobu san.

This solution works fine.

I think this means discourse hljs theme picker has some hidden bug. No reason the same code works fine with CSS but failed on component installed.

And I’m sorry that I will not set your solusion as Soluion, though it truly solve my problem. I leave it as open and hope discourse team @cocococosti can find out the reason behind and work out a formal solution.

The CSS code I use is what I set in hljs theme picker:

assets/atom-one-dark.css

Many thanks again.