——

Creating Factor Themes

Factor themes are just Factor apps that leverage settings and code to make them customizable.

If you've created a Factor app, then you already know everything you need to create a theme (or convert an app into one).

To make a Factor app into a theme just add factor > extend: theme to the package.json file.

// package.json
{
  "name": "superb-factor-theme",
  "factor": {
    "load": ["app", "theme"],
    "extend": "theme"
  }
}

Development Setup

Working on a theme is the same as working on a typical Factor app. Once it is setup, you should simply be able to run factor dev from the root of the theme to work on it.

Theme Scope

The theme system is designed to help people create apps faster. Themes are like "pre-built Factor apps" and can either be used as a starting point or as a parent-like application dependency. Some examples of what a theme can include:

  • Specific UI libraries along with their implementation setups in Factor
  • A stylized set of Factor plugins and components

If you're familiar with the parent and child theme concept from WordPress, then a theme (parent) and app (child) have much the same relationship.

Creating The Theme

The good news is that if you know how to create a Factor app, then you know how to create Factor themes.

The only thing to keep in mind is to keep things customizable. In Factor, this is accomplished using settings as well as filters, callbacks and events.

Read the documentation for creating plugins additional information on building extensions.

Standards and Conventions

Writing Theme Documentation

Some especially important information to cover:

  • Installation and Setup
  • Description of what the theme does and includes
  • Available settings and CSS Variables

Screenshots

Add a primary screenshot sized at 1280px x 720px called screenshot.jpg and place it in the root of your theme.

Other screenshots are allowed and are used in galleries for your app. Additional screenshots should start with screenshot- and will be sorted alphanumerically.

License

Factor themes should be compatible with the GPLv2 license.

Distribution and Discovery

After you've published your plugin as an NPM package, write us an email at [email protected] about getting your plugin listed on the Factor plugins listing →