In the Help documents for DT3, it mentions that stylesheets for display Markdown being available in ~/Library/Application Support/DEVONthink3/StyleSheets. When I clicked on the Select button in the Style Sheets section of the settings, it didn’t take me to that folder, but rather to the folder my databases are stored in.
When I opened a terminal, I found that there wasn’t a StyleSheets directory in that location.
Is DT3 meant to ship with a few StyleSheets, or is the help just telling users where they could/should put a style sheet if they so desired?
I’ve made a simple CSS file…just to use Arial rather than Times, and a larger font and selected it. After restarting DT3 the style is applied (without restarting the application, Markdown files were rendered with the build in theme).
Thanks @phillipsmn. I think this method worked in DEVONThink 2. However, a big part of my database is clipped webpages stored as Markdown (personal intranet), and so I’m looking for is a solution which changes the default appearance of all MD files…which is now possible in DT3 (thanks so much devs!!).
Nevermind…I found what you were talking about and it works great. The next thing is to see if that will be ported to DTTG so that I won’t have to include it in the header of my documents.
Here is a preview of the CSS stylesheets I found for markdown. You can download the CSS files from the github repo.
The repo will have several files but all you need is the filename.css. Place it somewhere that you won’t accidentally delete it on your computer. Point to the file from DT3 options>Media>Stylesheet. Then click on a markdown file to view the new style. You do not need to put the CSS reference header at the top like in DT2.
I modified the Splendor.css file to have my own font as shown on the screenshot. The only downside is no color highlighting for code but it at least puts the code in a codeblock.
Brett Terpstra’s Marked 2 application — which many people use for Markdown preview — also contains a bunch of really nice stylesheets. You’ll find them inside Contents/Resources in the application bundle.
There’s no way to do in-line styling in DT3 the way Markdown text editors do, is there? E.g., start a line with # and it changes the line to h1 styling, but leaves the Markdown syntax.
I know I can open the file in those editors for those features, which is great. It’d just be greater if I never had to leave DT3, ha.
If you’re using Side-by-Side mode, you’d see the rendered result when the file saves (or you do).
PS: Live styling, i.e. you see the formatting and the codes in the document, is a matter of personal taste. I personally hate it. I want to see code or I want to see the rendered result. I started with MacDown with this side-by-side preview and that suits me just fine. That’s one of the reasons why I initially wrote the Open in two windows script and why I’m happy with @cgrunenberg’s addition of this mode native to DT3.
Thanks. Agreed, it’s definitely a matter of taste.
Side-by-side is nice and has its uses for me, but takes up display real estate in contrast to live styling. I’ll stick with open in a different app for now!
but it at least puts the code in a codeblock.
