Allow to provide custom CSS for the "Preview" tab

[nicoulaj]

With presets such as Github, Bitbucket, Codaset...

[pmdarrow]

+1 !!! The default styling for the preview looks awful and it's hard to tell if I've accidentally added empty lines in my source or if its just bad padding on the headers. Plus the list bullets look bad :)

[nicoulaj]

Can you provide a screenshot ? The preview tab is supposed to look like this, so this must be a bug:

[vanne]

+1 for the option to add a custom stylesheet for the previews

[jwfearn]

+1 At least on my machine (Windows) and in my opinion, the fonts are awful. It's not a bug, it's just ugly fonts. And they're kinda small. I'm not fond of the table formatting either. A choice of a few preset styles as well as the ability to use custom CSS would be a great addition. Otherwise I love this plugin!

[nicoulaj]

@jwfearn @pmdarrow Please open another ticket with a screenshot.

[jwfearn]

I have a screenshot but how do I paste a PNG into a comment or new issue?

[jwfearn]

Hi Julien,

Icouldn'tfigure out how to add my screenshot to a Github issue so I'm sending it in this email.

I'm running RubyMine 3.2.4 on Windows 7. As you can see in this attached file, all fonts are jaggy (not anti-aliased) and normal text looks to be about 10pt.

Hope this helps. Great product!

John Fearnside

---

From: Julien Nicoulaud reply@reply.github.com
To: John Fearnside jwfearn@yahoo.com
Sent: Thursday, January 26, 2012 11:31 AM
Subject: Re: [idea-markdown] Allow to provide custom CSS for the "Preview" tab (#12)

@jwfearn @pmdarrow Please open another ticket with a screenshot.

---

Reply to this email directly or view it on GitHub:
#12 (comment)

[pmdarrow]

@nicoulaj It looks exactly like the screenshot you posted in this comment: #12 (comment). It's not that the styling is "broken" per se, but the padding, fonts and general styling are quite unappealing. Compare a markdown document rendered by GitHub and one rendered by your plugin and you'll see what I mean. Custom CSS would solve this since I could just use the GitHub markdown CSS file.

[nicoulaj]

TBH, I don't have time and I'm not planning to work on this. For those who want a better stylesheet, it's located here, I accept pull requests. But the builtin CSS file will stay "raw HTML" style.

[texastoland]

Would it require much work to optionally point to another stylesheet on the filesystem? Are you really interested in additional CSS? I'm willing to send a pull request for GitHub's MD CSS.

[jasonszhao]

I agree. It just would be so much nicer if one could link a css file. I want to use Bootstrap, since it is so standard. Maybe give an option in the settings menu?

[nicoulaj]

Notice: This plugin is no more maintained and it has been removed from Jetbrains plugins repository. There is a Markdown plugin officially supported by Jetbrains.