Tweaking CSS for editor?

[FilSalustri]

I’m interested in tweaking the CSS for the editor view, or markdown-source-view, I guess.

But I can’t find doc on the selectors and classes that identify the major elements (e.g., headings).

Can someone point me in the right direction?

[Meins]

There isn’t anything on the docs about that.

Check these two posts about editing the Obsidian CSS:

• Getting comfortable with Obsidian CSS
• Meta Post - Common CSS Hacks

[lizardmenfromspace]

I believe this is what you are looking for, unfortunately I’ve been bad about working on it because I got my other obsidian forum projects

Common Selectors

Will be adding Selectors to this Post Structure of Selectors Workspace Left Ribbon Collapse / Open Icon Plugin Icons Bottom Icons Right Ribbon Left Sidebar File Explorer Search Star Notes Notes Panes Main Content Title Bar Preview Mode Editor Mode Right Sidebar Collapse / Open Icon Tags Pane Back-links Pane Notes Pane Understanding HTML Attributes As Silver stated, workspace-leaf-content have a data-type (e.g. “markdown”) and they also have a data-mode="preview" when in preview …

[FilSalustri]

I was not aware of the meta post. Not exactly what I’m after, but still VERY interesting stuff I’ll have to look at. Thanks!

[FilSalustri]

I was aware of the list of selectors, and I certainly don’t fault anyone for delays in producing doc.

Still, as near as I can tell, not quite what I’m looking.

Here’s a specific problem: I find that no matter what theme I use, the headings in the editor lack enough padding-top - they’re jammed too close to the text above and make it hard to read. I’ve tried a few things, but I can’t for the life of me figure out what CSS I need to increase the spacing above headings in the editor.