How to modify the style of an inline code block

[johnson_su]

[efemkay]

what theme r u using. depends on the theme, they might have a setting to change that.

[johnson_su]

color-Heading css and default dark theme. I want to know the selector, so I could add it in config file
thanks for your reply

[efemkay]

.markdown-rendered code, /* for preview/reading view */
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight) /* for editing view */
{
    ...
}

if u want to inspect yourself the selector, you may refer to this post

Getting comfortable with Obsidian CSS

While using Obsidian, if you press CTRL-SHIFT-I (option-cmd-i for mac) then it will bring up the developer window. In the developer window, at the top left is an icon with a pointer in a box. This allows you to select elements on the screen and see how to refer to them and what styles. I will occasionally update this post with more pictures of how to do stuff. [Developer Tool] You can hover over items to see what they do and then click on an item to select it. Then go down to the styles secti…

[johnson_su]

Nice, obsidian turned out to be hidden browsers thank you!!

in browser i could quickly jump to elements in the Elements panel by ‘review them’ in the right-click menu, how to do in obsidian

[efemkay]

it’s an electron based app. using web technology for desktop app. so there’s chromium engine inside

Electron Apps | Electron

[johnson_su]

thanks ,now it is highlighter