Prettifying org-mode w/ CSS 💅

May 9th, 2020

Org Mode HTML output can look like this webpage, but as its big brother rightfully states, a grotesque pile of shit. Same goes for orgmode. I wrote a very small CSS file that you can add to your orgmode header and the output should smoother

You can just add this line here or just use the bare CSS as a starting point to make your own (everyone has their own style):

#+html_head: <link rel="stylesheet" href="https://sandyuraz.com/styles/org.css">

Even a really little makeup can make a big difference! There is a good discussion about this article on hackernews!

NOTE	Please do not rely solely on the link above, this post is merely a demo of how you can control your org html output. I update that org.css quite frequently.

Before and after (click to enlarge)

Before and After

Thank you ◼︎