Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ronilaukkarinen/typora-writing-theme

A simple Typora theme just for distract-free writing.
https://github.com/ronilaukkarinen/typora-writing-theme

Last synced: 25 days ago
JSON representation

A simple Typora theme just for distract-free writing.

Awesome Lists containing this project

README

        

# A distract-free Writing theme for Typora

Typora CSS theme. Plain and simple. Aiming for the [Medium](http://medium.com)-like writing experience.

**NB! I do not update this anymore!** Please check out [typora-novelist-theme](https://github.com/ronilaukkarinen/typora-novelist-theme).

![Screenshot 1](https://i.imgur.com/UOjVbYK.png "Screenshot")

![Screenshot 2](https://rolle.wtf/typora-writing-theme-1.png "Screenshot")

![Screenshot 3](https://rolle.wtf/typora-writing-theme-2.png "Screenshot")

### Installation

1. Download this repo and unpack CSS.
2. Open [Typora](http://typora.io).
3. Select Preferences > Open Theme Folder
4. Copy writing.css to the Theme folder
5. Purchase webfonts of your choice and place them to the `writing` subdirectory in Theme folder (create new folder if it doesn't exist). Fonts used in Medium.com between 2013 to 2015 are predefined in writing.css, note you will only need woff-files which are named accordingly.

**Please note:** You can use any fonts with this theme. You will need to create `writing` subdirectory and place your downloaded or purchased fonts to that directory. By default this theme uses [Source Sans Pro](https://www.google.com/fonts/specimen/Source+Sans+Pro) in Headings and [Merriweather](https://www.google.com/fonts/specimen/Merriweather) in paragraphs which are pretty close free alternatives to Medium's fonts.

All fonts are just regular, **bold**, *regular italic* and ***bold italic***.

### Recommended fonts

##### Paragraphs (preferred): [Charter](https://www.myfonts.com/fonts/itc/charter/)
![Screenshot](https://rolle.wtf/charter.png "Screenshot")

##### Paragraphs (alternative): [Freight Text](https://www.myfonts.com/fonts/garagefonts/freight-text/)
![Screenshot](https://rolle.wtf/freight.png "Screenshot")

##### Headings (preferred): [Kievit](http://www.myfonts.com/fonts/fontfont/kievit/)
![Screenshot](https://rolle.wtf/kievit.png "Screenshot")

##### Headings (alternative): [Proxima Nova](https://www.myfonts.com/fonts/marksimonson/proxima-nova/webfont_preview.html)
![Screenshot](https://rolle.wtf/proximanova.png "Screenshot")