Custom theme overridden

[Altostratus]

I’m trying to use a custom theme with Obsidian on macOS. I’ve read the help file which says where to put the css file. Done that. The file loads (I can see my declarations in the DevTool). Problem is, most of my styles (even simple h1s) are overridden by app.css while a minority of styles isn’t, and the result is a mess. My CSS isn’t very complicated and the file I’m using renders Markdown files exactly the same way both in Typora and DevonThink. Is there something else I need to do in order to make the styles apply in Obsidian? I don’t want to add !important everywhere (assuming it would work, I don’t know). Thanks.

[ariehen]

Obsidian uses its own flavor of CSS, I think, in large part because of CodeMirror and Live Preview. Just dropping in a stylesheet from somewhere else isn’t going to work well unless it was made with Obsidian in mind.

Have a look here →

https://codemirror.net/examples/styling/

…and this post to get familiar with the Developer Console in Obsidian. I’d poke around in here to get an idea of how things are put together.

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…