{"action":"created","issue":{"url":"https://api.github.com/repos/atom/markdown-preview/issues/290","labels_url":"https://api.github.com/repos/atom/markdown-preview/issues/290/labels{/name}","comments_url":"https://api.github.com/repos/atom/markdown-preview/issues/290/comments","events_url":"https://api.github.com/repos/atom/markdown-preview/issues/290/events","html_url":"https://github.com/atom/markdown-preview/issues/290","id":101616495,"number":290,"title":"CSS styles don't override correctly","user":{"login":"danielvy","id":555702,"avatar_url":"https://avatars.githubusercontent.com/u/555702?v=3","gravatar_id":"","url":"https://api.github.com/users/danielvy","html_url":"https://github.com/danielvy","followers_url":"https://api.github.com/users/danielvy/followers","following_url":"https://api.github.com/users/danielvy/following{/other_user}","gists_url":"https://api.github.com/users/danielvy/gists{/gist_id}","starred_url":"https://api.github.com/users/danielvy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danielvy/subscriptions","organizations_url":"https://api.github.com/users/danielvy/orgs","repos_url":"https://api.github.com/users/danielvy/repos","events_url":"https://api.github.com/users/danielvy/events{/privacy}","received_events_url":"https://api.github.com/users/danielvy/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-08-18T09:48:41Z","updated_at":"2015-08-19T05:17:16Z","closed_at":null,"body":"\r\nWhen trying to style a specific markdown document by applying a `<style>`, the preview doesn't override the styles properly. \r\n\r\nExample:\r\n\r\n<pre>\r\n```python\r\nprint (\"Hello Markdown\")\r\n```\r\n\r\n&lt;style&gt;\r\n.markdown-preview pre.editor-colors {\r\n  background-color: red;\r\n}\r\n&lt;/style&gt;\r\n</pre>\r\n\r\nThis still renders the code with the default background color in markdown preview. If exporting the markdown to html and opening in the browser, the code's `<pre>` element in will have a red background color.\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/atom/markdown-preview/issues/comments/132450105","html_url":"https://github.com/atom/markdown-preview/issues/290#issuecomment-132450105","issue_url":"https://api.github.com/repos/atom/markdown-preview/issues/290","id":132450105,"user":{"login":"simurai","id":378023,"avatar_url":"https://avatars.githubusercontent.com/u/378023?v=3","gravatar_id":"","url":"https://api.github.com/users/simurai","html_url":"https://github.com/simurai","followers_url":"https://api.github.com/users/simurai/followers","following_url":"https://api.github.com/users/simurai/following{/other_user}","gists_url":"https://api.github.com/users/simurai/gists{/gist_id}","starred_url":"https://api.github.com/users/simurai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/simurai/subscriptions","organizations_url":"https://api.github.com/users/simurai/orgs","repos_url":"https://api.github.com/users/simurai/repos","events_url":"https://api.github.com/users/simurai/events{/privacy}","received_events_url":"https://api.github.com/users/simurai/received_events","type":"User","site_admin":false},"created_at":"2015-08-19T05:17:16Z","updated_at":"2015-08-19T05:17:16Z","body":"The markdown-preview uses an `atom-text-editor` for code blocks, but then when saved as HTML it's a  `<pre>`. To style both, you could try it like this:\r\n\r\n```html\r\n<style>\r\n.markdown-preview atom-text-editor,\r\npre.editor-colors {\r\n  background-color: red;\r\n}\r\n</style>\r\n```"}}