Inline Code Readability and Enhancement

[xidsyed]

Thanks for making the best obsidian theme ever btw, and on top of that continuing support for it! Big Ups for that!!
The theme has been pretty much perfect for me and i havent had to use any of css snippets on top except for one thing, the inline code.

You see inline code for me is generally a way to highlight and differentiate code from surrounding text, usually this is necessary, since code is much harder to process (mentally), than just plain English, thats why syntax highlighting helps so much in full blown code blocks!!

But when it comes to inline codes, whats least expected is that it have a monospace font, and be more or atleast equally readable than the text surrounding it. I wanna look at a text, and immediately find where all the code references are, ,but unfortunately in the theme, the contrast is greatly reduced, due to the background highlight around the code snippet so it blends in a lot more

see what i mean? Even on github, if i were to use a code snippet , i can clearly differentiate it from the rest of the text. Keep in mind the above is a zoomed in ss, and is still harder to make out.

So for now i simply change the color to a LightBlue

:root {
	/*--color-monospace: LightBlue;*/
}

.markdown-preview-view code,
.markdown-source-view.mod-cm6.cm-s-obsidian span.cm-inline-code
{
	color: var(--color-monospace);
}

It works fine mostly, ,except when im exporting to pdf, which only supports light mode, where it backfires 🤣. Would be nice if the readability was better natively.

[xidsyed]

/*scroll codeblock in read mode*/
.markdown-reading-view code[class*="language-"] {
    overflow-x: scroll;
    white-space: pre;
}

Also i found this snippet that allows codeblocks to be scrollable in read view!