Code block background color changed after upgrading to v3.9.9

[Udayendu]

• Yesterday to get some fix on the list, I upgraded the react-md-editor version to v3.9.9 which fixed the list issue but now background color for the code block got changed.

Before upgrade

After upgrade

[jaywcjlove]

I confirm this upgrade is correct.

The code block color is the color that plagiarized GitHub displays code blocks.

You can conflict styles to customize.

@Udayendu

[Udayendu]

I confirm this upgrade is correct.

The code block color is the color that plagiarized GitHub displays code blocks.

You can conflict styles to customize.

@Udayendu

Thanks for the update. But this is really strange.
There has not been any change from the code. Just upgraded this particular package and the code block BG is not how it supposed to be.

I just rolled back the code which was having the older version and the code block bg color is looking as expected.

So how to identify what has changed ?

[jaywcjlove]

• v3.9.5...v3.9.9
• uiwjs/react-markdown-preview@v3.4.5...v3.5.1
  @Udayendu

[Udayendu]

Here is the difference that I can see in the browser:

On react-md-editor@^3.9.9 and react-markdown-preview@~3.5.0

On react-md-editor@^3.8.2 and react-markdown-preview@3.4.1

And if I will just remove the following, then everything is working fine:

[Udayendu]

• v3.9.5...v3.9.9

  • uiwjs/react-markdown-preview@v3.4.5...v3.5.1
    @Udayendu

@jaywcjlove
Here is the difference that I can see in the browser:

On react-md-editor@^3.9.9 and react-markdown-preview@~3.5.0

On react-md-editor@^3.8.2 and react-markdown-preview@3.4.1

And if I will just remove the following, then everything is working fine:

Seems like here is the changes that's breaking the code block color:

Old Working code: https://github.com/uiwjs/react-markdown-preview/blob/v3.4.1/src/styles/markdown.less#L24
New not working code: https://github.com/uiwjs/react-markdown-preview/blob/master/src/styles/markdown.less#L79

Let me know how this can be fixed.

[jaywcjlove]

https://github.com/uiwjs/react-markdown-preview/blob/a7dae700b53b741d58f7333584a45044add12e36/src/styles/markdown.less#L73-L81

yes i fixed it, it needs background color.
@Udayendu

[Udayendu]

https://github.com/uiwjs/react-markdown-preview/blob/a7dae700b53b741d58f7333584a45044add12e36/src/styles/markdown.less#L73-L81

yes i fixed it, it needs background color. @Udayendu

OK. If that's the case then let me see how can I overwrite that in my scss file.

[Udayendu]

I was able to fix the code block color in my code itself. So closing this now.