Syntax highlighting for code blocks in Edit mode works, but not as intended

[symonxd]

Syntax highlighting for code blocks in Edit mode works, but not as intended. I have the Atom theme installed and in Edit mode the theme is not applied to my code blocks. Instead I get the most obnoxious ‘theme’ ever.

The Atom theme is only applied to Read mode.

I also noticed that the theme I’m only seeing in the Edit mode, is the one used by the default theme.
I think this might have to do with some CSS rules that are absent in the Atom theme.

Any help is greatly appreciated!

Demo screenshots:

Edit mode

Read mode

I also noticed that some other random theme, like Minimal, does not show the built-in syntax highlighting theme, so my theory could be correct.

Edit mode

Read mode

This post might have to do with this problem.

[ariehen]

Have a look through this one as well:

Code block type and syntax highlighting

I installed the better code blocks plugin today. When i was switching from live preview to reader mode i noticed the reader mode didn’t have syntax highlighting but the live preview mode did. It turns out that i has set the code block type to “c++” and that showed the syntax highlighting only in live preview. If you change the type to “cpp” then it works in both modes. It’s not exactly a bug as such, but where is the list of code block types to be found?

[symonxd]

I don’t think that post has anything to do with my problem. Thanks anyway.

[symonxd]

I fixed the problem by reinstalling the theme, in my case the Atom theme
I’ve been having this issue for so long… I’m finally able to read code snippets without losing my mind over the ‘beautiful’ default color set

Edit mode

Reading mode

[CarolineMathieson]

Yes different issues but highlights the use of two different PS tools and themes for the different display modes.