Adding Background In Inline Code

[d-e-v-esh]

Feature Request 🛍️

Inline code is used to insert code snippets in the middle of the normal text line. In the markdown-editor, it currently looks like this:

As you can see, it is really difficult to identify the bit of inline code. This is because the only thing differentiating the normal text from inline code is the font we are using.

This is how other text editors render inline code:

Notion:

Typora:

GitHub Markdown:

StackOverflow:

Implementation

• Adding a slightly grey background would make it much easier for us to identify what part of the line is inline code.
• We can also discuss if we want to change the font color to something different than the normal text.
• It can be a little less dark to create contrast between the two or it can be something totally different.

[Michael-Grover]

This sounds good to me. Let's see how a light gray background looks

[K-Kumar-01]

@Michael-Grover I would like to work on the issue. I have already prepared the code for it. Can I make a PR?

[Michael-Grover]

sure, unless @d-e-v-esh would like to. I assume @d-e-v-esh made the issue because he wants to work on it? @d-e-v-esh what do you think?

[d-e-v-esh]

@Michael-Grover Yes, I want to work on this. Do you have any suggestions for the color of the inline code text? Or should I do what I feel is the best?

[Michael-Grover]

@d-e-v-esh let's try black text for now. I'll assign the issue to you since you created it.

[Michael-Grover]

@K-Kumar-01 @d-e-v-esh feel free to share code and collaborate on the issue