Create your own theme

A theme for Outlinely is defined in XML format. Download the theme-template.xml and modify the color values as you like. When you are done, go to File > Import Custom Theme to import your theme.


Except property name, all properties are optional. You don’t need to define values for all these properties, Outlinely will use default value for any missing properties.

  • name: Name of the theme. Outlinely uses this property to display the theme name in the Style popover.
  • type: light or dark
  • background-color: Editor’s background color
  • text-color: Color of text
  • selected-text-color: Color of selected text
  • selection-color: Background color of selected text
  • highlight-background-color: Background color of highlighted text
  • accent-color-one: Color of links
  • accent-color-two: Color of tags
  • note-color: Color of notes
  • caret-color: Color of the blinking cursor.
  • expander-color: Color of expander buttons
  • guide-color: Color of vertical guides
  • markup-color: Color of Markdown markup characters, numbering text (1,2,3..).
  • checkmark-color: Color of the checkmark inside the checkbox.

Highlighting rules

Using highlighting rules, you can setup color coding for specific tags. For example, you might make tag @important appears red, or the entire line containing the tag appears red.

A highlighting rule section looks like this:

        <tags>important, high</tags>
  • tags: The list of tags to highlight. Each tag is separated by a comma.
  • highlight-tag-color: Color value for specified tags.

If you specify tags without prefix @,#, e.g. important, both @important and #important will match.

Color format

Outlinely only supports #rrggbb format.

Subscribe to our newsletter to receive updates on Outlinely for Mac and iOS

We won’t spam. You can unsubscribe with a single click at any time.


Require macOS 10.11+