Skip to content
This repository was archived by the owner on Dec 28, 2020. It is now read-only.

Theme Settings

Chris Carlevato edited this page Mar 27, 2017 · 1 revision

Theme Settings

  • Default Desktop Theme - Default Theme active for users' first visit. If the theme switcher component is not active this selection will remain permanent for the user session.
  • Default Mobile Theme - Default Theme active for mobile devices with a user agent matching the mobile redirect filter setting. If the theme switcher component is not active for this theme the selection will remain permanent for the user session.
  • Mobile Redirect Filter - Regular Expression used to identify mobile device users. When a match is made the default mobile theme will be active.

Available Themes

Installed themes are listed alphabetically with their preview image and theme details.

Click the thumbnail of a theme to preview the public calendar with that theme active.

Preview Availability

For your custom themes to be listed in the Available Themes section (with preview image & additional details) ensure your primary theme style sheet is named style.css located at /themes/<your_theme>/css/style.css and that it contains the following header (you can customize the following details to your theme).

 /**
 * @name Theme Name
 * @version Theme Version
 * @author Author Name
 * @link http://YourSite.com
 * @description Describe your theme in a sentence or two.
 *
 * @package Helios Calendar
 * @subpackage Theme Name
 */

Preview Thumbnail

Theme preview thumbnail should be located at /theme/<your_theme>/preview.png and have a resolution of 250x175.

Note: PNG image format is required.

Clone this wiki locally