PDF Export Theme (Retain Obsidian-Obsidianite dark mode editor colours in PDF export)

Custom CSS & Theme Design
,
1

Hi I am using the following theme in dark mode:

… and absolutely LOVE the styling of it in the editor (see image: https://github.com/bennyxguo/Obsidian-Obsidianite/raw/main/images/demo1.png).

I’m wondering how I can retain these same colours when exporting to PDF so the output would look exactly like the editor view, and if someone is able to help me regarding the CSS in order to use it as a CSS snippet?

I have no experience with CSS or HTML etc and so I have no idea how to do this. Your help would be greatly appreciated.

1 Like
2

I think the general starting point would be to copy the theme’s styles into print styles (I’m guessing that’s what’s used for PDFs because they’re print-oriented).

Obsidian’s theming system recently changed in a big way. That makes it easier to use, but I don’t know if any of the resources on Obsidian’s CSS have updated to reflect the changes. Still, here they are:

A good resource on HTML and CSS in general (nothing specific to Obsidian): MDN Web Docs

https://forum.obsidian.md/t/getting-comfortable-with-obsidian-css

https://forum.obsidian.md/t/meta-post-common-css-hacks

Recent changes to Obsidian’s CSS:
https://forum.obsidian.md/t/1-0-theme-migration-guide/42537

And an article on print styles: A Guide To The State Of Print Stylesheets In 2018 — Smashing Magazine

3

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.