Devonian Times Masthead

The DEVONtechnologies Blog

Using a Custom Markdown Stylesheet

November 2, 2021 — Jim Neumann
Screenshot showing CSS stylesheet code.

When it comes to aesthetics, what looks good to one may not look good to another. This is certainly the case when creating Markdown documents. If you have a preferred look, you can specify a default stylesheet that will apply to the rendered view of all your Markdown documents in DEVONthink.

Whether you’ve created your own stylesheet or downloaded one, here are the steps to storing it and setting the preference:

  1. In the Finder, select the ​Go ​menu while holding the ​Option key​, then choose ​Library​.
  2. Open the ​Application Support/DEVONthink 3/StyleSheets​ folder.
  3. Drop your preferred stylesheet into this folder and leave the window open.
  4. In DEVONthink choose ​Preferences > Files > Markdown.
  5. Click the ​Select ​button next to Stylesheet.
  6. Drag the stylesheet file from the Finder window to the Open dialog. This will select the file.
  7. Click​ Choose​.

If you desire, you can also link to an online stylesheet in the Markdown preferences. However, it would only apply the styling when your computer is online.

Now when you view any of your Markdown files in DEVONthink, the new styling should be applied.

If you’re wondering where to find stylesheets, a quick online search can yield useful results. You can also find a popular stylesheet posted by one of our forum friends, @OlivierPS. And lastly, if you’re looking to make your own stylesheets, there are countless online resources for learning CSS (cascading style sheets).