Testing your theme

Testing your theme is very easy: all you need to do is to open Sprites editor with the theme query string parameter which is a URL to your custom theme CSS file (the file must be publicly accessible).

For example, imagine that you've forked sprites-themes repository into github.com/my-account/sprites-themes. After that you've added a new theme file into your fork, let's call it "My Theme.css". Once you have something in that file that can be tested, you can navigate to the following URL:

https://spritesapp.com/edit?theme=
    https://raw.githubusercontent.com/my-account/sprites-themes/master/lib/My Theme.css

Notice the theme query string parameter which now points to your custom theme (don't forget to commit your local changes to your remote fork before testing anything). Also notice that we're referencing the "raw" version of the file (thus, the "raw.githubusercontent.com" instead of "github.com"). You can get a URL to the raw version of the file by selecting it on GitHub, clicking "Raw" button on the toolbar and copying the resulting URL from the browser URL bar.

Now when Sprites editor loads, you'll see your theme among others in the "Theme" drop-down list under "Settings".

Important: We don't currently support testing themes in a "publish" mode, which means that your theme is only going to work while you're inside the editor.

See also

• Introduction
• Slide layout and composition
• Element types
• Tips and recommendations
• Your feedback