search

abejfehr / markdown-preview-katex

Markdown Preview with LaTeX rendering & no other dependencies!
https://atom.io/packages/markdown-preview-katex
Other
19 stars 1 forks source link

add custom CSS/Use default Atom markdown preview CSS #10

Open codeOfRobin opened 9 years ago

codeOfRobin commented 9 years ago

I'm not a big fan of the default fonts and styling. Is there any way to change this? screen shot 2015-08-16 at 7 54 05 pm

abejfehr commented 9 years ago

It just uses the same style from the original I forked from, at least I don't remember modifying them.

You can find the plugin's stylesheet at styles/markdown-preview.less or I believe you can also create your own custom styles for yourself by creating a styles.less as per the instructions here: https://atom.io/docs/v0.61.0/customizing-atom

I hope that helps!

abejfehr commented 9 years ago

I realize now that the font colour used is the one from the theme. I see that the text shows up perfectly readable when I use the Atom Light UI Theme.

In the default markdown-preview plugin they change the background colour of the preview pane to match the UI theme. If I find time, I'm going to see if I can update this plugin to style content more appropriately. My apologies for any inconvenience this has caused

Libbum commented 8 years ago

If you're using a dark ui theme, I've found that adding 

.markdown-preview-katex.markdown-preview-katex {
  color: #000;
}

to your styles.less fixes the problem.