Documentation

Themes and completion

Set your module's look and feel and decide when a learner has finished.

Last updated July 26, 2026View as Markdown

A module has two presentation-and-policy settings: the theme (how it looks) and the completion criteria (when a learner has finished).

Theme

The theme controls the module's brand colors and typography. You can:

Choose one brand color. Skillsail derives accessible lighter and darker shades, button text, focus states, and subtle accents from it.
Optionally choose a separate accent color.
Pick a body-font preset: system sans, humanist sans, or serif.

Theme changes apply to the player, public preview, and exported package. They style navigation, progress, primary controls, focus states, and supporting accents while keeping page surfaces and text readable. Correct-answer and error colors remain green and red so that branding does not change their meaning.

If you want modules that share company branding, set the theme once and reuse the module as a template.

Module logo

You can attach a small logo image that appears in the player chrome. Upload your logo, set it on the module, or remove it later if you change branding.

Completion criteria

Completion criteria decide whether a learner has successfully finished a module. Two modes are available:

View-based — the learner finishes by going through the module; completion is recorded when they close it.
Score-based — the learner must reach a chosen percentage on the module's quiz questions. You pick the passing score (for example 80%).

Pick view-based when the module is informational and you simply want learners to have seen the material. Pick score-based when you want to verify understanding before marking the learner complete.

When you export a module to your LMS (SCORM, xAPI, or cmi5), the completion mode you chose drives how the LMS records the learner's status.

Good practices

Use the same theme across modules that share a brand or a program. Templates are a fast way to apply a theme to multiple modules.
Start with one brand color. Add a separate accent only when the brand system needs it.
Keep the passing score realistic — too low and the assessment is meaningless, too high and learners get stuck.
Use view-based completion for short refreshers and announcement-style modules.
Use score-based completion for compliance and certification-style modules.

Theme

The theme controls the module's brand colors and typography. You can:

Choose one brand color. Skillsail derives accessible lighter and darker shades, button text, focus states, and subtle accents from it.

Optionally choose a separate accent color.

Pick a body-font preset: system sans, humanist sans, or serif.

If you want modules that share company branding, set the theme once and reuse the module as a template.

Completion criteria

Completion criteria decide whether a learner has successfully finished a module. Two modes are available:

View-based — the learner finishes by going through the module; completion is recorded when they close it.

Score-based — the learner must reach a chosen percentage on the module's quiz questions. You pick the passing score (for example 80%).

Pick view-based when the module is informational and you simply want learners to have seen the material. Pick score-based when you want to verify understanding before marking the learner complete.

When you export a module to your LMS (SCORM, xAPI, or cmi5), the completion mode you chose drives how the LMS records the learner's status.

Good practices

Use the same theme across modules that share a brand or a program. Templates are a fast way to apply a theme to multiple modules.

Start with one brand color. Add a separate accent only when the brand system needs it.

Keep the passing score realistic — too low and the assessment is meaningless, too high and learners get stuck.

Use view-based completion for short refreshers and announcement-style modules.

Use score-based completion for compliance and certification-style modules.