About Themes

September 26, 2016
by
typora.io

Change Themes

Typora has 5~6 built-in themes. Changing writing theme can be done by selecting theme under the theme menu bar. You could also download, install, modify or write your own custom theme to stylize Typora.

Typora uses CSS to style all contents, each theme under theme menu is one .css file under “Typora’s theme folder”. So, briefly speaking, you could add/modify themes by adding/modifying corresponding css files under “Typora’s theme folder”.

Get Typora Themes

We have an official website Typora Theme Gallery for designers/developers to share their custom themes with others. You can download themes from there.

Custom Themes Installation

Open Theme Folder. (see instructions below)

Copy or move .css file and related resources, like fonts or images, into the newly opened folder.

Restart Typora, then select it from Themes menu.

Open Theme Folder

macOS

Open preference panel by cmd+`, then click “Open Theme Folder”

Windows/Linux

Modify Current Styles

Sometimes, you may just want to change font family for all themes, or change font-color for headings for a specific themes. In this case, you do not need to copy/modify a whole exiting css file, just Add Custom CSS is enough. In brief:

Create & write a base.user.css under theme folder, the css rules inside it will be applied to all themes.

Create & write a {theme-css-name}.user.css under theme folder, the css rules inside it will only be applied to theme file {theme-css-name}.css.

Please note that the built-in CSS theme files will get overwritten completely on Typora update, so, write your custom css into *.user.css, instead of the existing files, this will prevent your modifications from being lost after update.