How to install a theme?

Themes are made from CSS/LESS rules that you put in your user.less file. To use a theme open FoldingText based app and:

  1. Choose the File > Open Application Folder menu item.

  2. Inside that folder open your existing user.less text file, or create a new one if none exists.

  3. Paste in the theme extensions CSS/LESS rules and save.

  4. Create a new document to see the theme applied.

Is there a way to apply a theme to an existing file, or do you have to create a new document every time you define a new theme? For example, if I just want to change the font of an existing file?

If you want to apply a new them to an existing file you must restart FoldingText… then whatever new theme you set will be applied.

In case anyone’s interested, I came up with a nice color-coded outline theme for FoldingText. It helps show visually which level you’re at in the hierarchy. Just goes from H1-H4, but you can keep going if you wanna…

.CodeMirror {
	.cm-heading {
		font-weight: normal;
	}

	.cm-heading[cm-level="1"] {
		font-style: normal;
		font-weight: bold;
		line-height: @lineHeight * 1.5;
	}

	.cm-heading[cm-level="2"] {
		font-style: normal;
		font-weight: bold;
		color: #0F80FF;
	}
	.cm-heading[cm-level="3"] {
		font-style: italic;
		font-weight: bold;
		color: #CE2D53;
	}
	.cm-heading[cm-level="4"] {
		font-style: normal;
		font-weight: bold;
		color: #B3B3B3;
	}
}