No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
Base16 3024.css
Base16 Ashes.css
Base16 Atelier Dune.css
Base16 Atelier Forest.css
Base16 Atelier Heath.css
Base16 Atelier Lakeside.css
Base16 Atelier Seaside.css
Base16 Bespin.css
Base16 Brewer.css
Base16 Chalk.css
Base16 Codeschool.css
Base16 Default.css
Base16 Eighties.css
Base16 Embers.css
Base16 Flat.css
Base16 Google.css
Base16 Grayscale.css
Base16 Green Screen.css Rename CSS files to match their author-given titles Jan 27, 2018
Base16 Isotope.css
Base16 London Tube.css
Base16 Marrakesh.css
Base16 Mocha.css
Base16 Monokai.css Create Base16 styles Jul 18, 2014
Base16 Ocean.css
Base16 Paraiso.css
Base16 Pop.css
Base16 Railscasts.css
Base16 Shapeshifter.css
Base16 Solarized.css
Base16 Tomorrow.css
Base16 Twilight.css
Blank Code Theme.css
Image Reference Pane.css
Palatino Memo.css
Swiss Mou.css Add code style inspired Swiss style. May 4, 2015
Ulysses Freestraction Light.css
Vostock.css Rename CSS files to match their author-given titles Jan 27, 2018
Yeti.css switched to https links Dec 26, 2016

Custom Styles for Marked 2

Please feel free to fork and submit new styles! If you're not a Github user and you'd like to contribute, just drop me a line.

Please customize and include the contents of Header.css in any submitted styles. The portion between the --- borders should be in YAML format.

This document has been created with <>
Content is property of the document author
Please leave this notice in place, along with any additional credits below.
Title: Your style title
Author: Your Name
URL: <your url>
Description: Description of theme
Fonts: (optional) [Rockwell, Rokkit, etc.]
Note: (optional) Additional notes, where to get custom fonts, etc.

Using a Style

Just save the CSS file to your disk. You can open any Style in the list and then hit the "Raw" button to get a file ready for "Save to...". I suggest saving to ~/Library/Application Support/Marked 2/Custom CSS, as in the near future Marked will read from that folder automatically.

Then, open up the Style Preferences in Marked and click the "+" button under the Custom Styles list. Locate the file and select it. Now it will appear in your Styles dropdown selection and you can optionally make it the default window style.

Custom Styles are added to the keyboard menu under Command-Opt-#, where # is 1-9 in the order they're added.

Creating a Style

I've been creating my styles with Compass and Sass, with a document containing a full range of markup elements for testing. I just turn on compass watch and point Marked's Style to the output CSS file. Turn on "Track CSS Changes" under the Style list in Marked, and every time Compass compiles, Marked will update without refreshing the page (LiveReload-style injection). You can use whatever you like, including directly editing plain CSS.

The document markup hasn't changed between v1 and v2 of Marked, so the original style guide still applies. There are just a few things to worry about for full compatibility. Inverted styles, poetry mode and print settings. However, submissions that lack any of these are still accepted, as people can add their own if they need to.

The one thing your Style does need (aside from looking great in Marked), is the Header.css information, customized to your Style. Just stick it at the top.

I prefer to Base 64 encode any custom fonts in order to make the Stylesheet a single-file download with no online requirements. If you can make it work other ways, I'm open to folder downloads, etc. Eventually I plan to create a bundle format for them.

Thanks, and I hope you'll consider sharing the custom styles you create, even if they're revisions and evolutions of existing styles!