Inline code in a table (+reading mode)

Kzer-Za · October 27, 2025, 6:25am

Hi!

I have made a snippet for code, and its style is kind of applied… But there are 2 issues:

Inline code style inside a table is not applied in editing mode. In reading mode it is applied to all inline code, but in editing mode it is applied only to code outside the table. If I put some text inside a table, it is rendered with the default style for inline code, not with the one from the snippet.
The main background of code blocks in reading mode is unaffected. The background of a line within a black is the color that I have defined in the snippet, but the main background of a code block is different.

The snippet:

.markdown-preview-view code,
.markdown-preview-view .HyperMD-codeblock,
.markdown-source-view .cm-inline-code,
.markdown-source-view .HyperMD-codeblock,
.markdown-source-view .cm-code {
	font-family: var(--font-monospace) !important;
	background-color: color-mix(in srgb, var(--background-primary) 50%, black 50%) !important;
	color: var(--text-accent) !important;
	padding: 0.1em 0.3em !important;
}