How can I change the color of the lines between ticks?

[exztz1]

Hi

I use the Proper Dark theme, I generally like it except the color of this one. How can I change the color of this? I am not a dev so I would not know how to do it.

Thanks

[PKMian]

Add a custom-code-colour.css snippet file in your vault’s “.obsidian/snippets” folder with this as its contents:

code {
    color: red !important;
}

Instead of a colour name, you can also specify a hex colour, e.g. #0000ff (look online).

[ariehen]

To cover inline code only (and not the color in code blocks) for both Editing and Reading views, something like this should work:

.cm-s-obsidian .cm-inline-code:not(.cm-formatting),
.markdown-rendered :not(pre) > code {
    color: orange;
}

https://help.obsidian.md/Extending+Obsidian/CSS+snippets

[exztz1]

Thanks guys, that is helpful. How do you know what affects what? it looks like there is no perfect theme, and I need to edit bunch of other stuff.

[ariehen]

I’d have a good read through this:

Obsidian CSS Quick Guide

Obsidian CSS Quick Guide Hi friends! CSS in Obsidian can be confusing to get into, so this is a guide to get you started with information on the tools, methods, and some background knowledge! Let’s get started by looking at how you can look behind the curtain of Obsidian’s visuals. The Developer Console Obsidian is technically like a website. As such, you can view the source like any other browser. While you are inside the Obsidian window, you can press ctrl+shift+i to bring up the develope…

and start poking around with the inspector, have a look at Obsidian’s own app.css, the default theme’s custom properties / variables, and other theme.css files. Have fun!