Consistent theme: Same appearance from Reader to Publish

Custom CSS & Theme Design
1

I am looking for a simple, easy way to make my Reader view look exactly like the Publish view using CSS. I don’t want to apply snippets to all of my notes. I want a global way to change the look of every note in my garden such that it looks exactly the same on Publish as it does in Reader view.

I understand that there are things that Publish does not support, but the client side app does. I am using the notes mostly to share them online with my team. I don’t want to use plugins to do this unless they are Publish compatible or don’t affect my publish process.

Is there any way to do this?

2

I’d have a look here (if you haven’t yet):

and there are some great topics here in the forum. Here’s one I was thinking of:

For your specific question, I would have a look at how Reading view is set up in your Obsidian vault, and then try to match those changes/styles to the publish.css file.

3

Thanks for the reply. Yes, I have been through that example, and I have also used the markdown-rendered class. The problem is I can’t figure out how to have my Reader look exactly like the Publish.css without having to go into every Note and apply the classes. I am using the Minimal theme, and so I am thinking the only way to globally affect all of my notes is to make a custom theme based off my publish.css. That’s a lot of work, I think, and while I am willing to build my own theme, I didn’t really get into Obsidian for this purpose. I have other stuff I could be working on instead of themes, and I get really hung up on how things look (personal problem!). I guess I kind of shot myself in the foot on this issue, but I really wish that Publish was more supported. It seems like most of the functionality of Obsidian is built into the client version. I would love to see some more love for the paid feature in having Bases, a Publish View (where I can see what my website looks like without having to constantly publish and reload my browser), and maybe even Dataview implemented into Publish.

4

I’ll step aside after this, hopefully a Publish guru can jump in, but Minimal is one the few community themes (I think) that have a stripped-down version specifically for Publish:

You could use that as a starting point and add other declarations to it to line up your desktop Reading view and Publish site.

1 Like
5

Thanks again, I hadn’t seen that. I suppose it helps with other questions I have.

I suppose my ultimate questions is when will we get these options for Publish? I want to be able to change the CSS components for how my website looks, not necessarily my app. I want to remove the Title of my vault from the left sidebar and change the background and hover for the nav items. I can only change a few of the components according to the Publish Site Navigation documentation.

Just wondering about full support for Publish, or if that is on the roadmap at all.

1 Like