Change color and font size of both 'code block' and `inline code block` in obsidian preview mode

Share & showcase
,
1 
/* for 'code block' in preview mode */
.markdown-preview-view pre>code {
    /* color: green; */
    font-size: 30px;
}

/* for 'inline code block' in preview mode */
.markdown-preview-view p>code {
color: yellow;
font-size: 20px;
}
1 Like
2

Thanks!

3

Hi! Is it possible to apply this in editor mode too? I’m trying, but it doesn’t seem to work :smiling_face_with_tear:

/* for 'inline code block' in preview mode */
.markdown-preview-view p>code {
  color: yellow;
  font-size: 14px;
  }

/* for 'inline code block' in source mode */
.markdown-source-view p>code {
  color: yellow;
  font-size: 14px;
  }

.markdown-source-view.mod-cm6 p>code {
  color: yellow;
  font-size: 14px;
  }```