How to create a Theme
This article will walk the developer through deploying a custom theme to their Theme Library. This theme is just based upon one of our basic themes that are included in the free version of the product.
Tip: Managing CSS files offline makes more sense, and serving them from a cloud repository is maintenance-friendly.
Create a project directory
Create a project directory in your development environment:
#!/bin/sh # This command creates a project directory for the sample Igloo theme mkdir mytheme && cd mytheme
#!/bin/sh # This will install the ig-deploy tool in your project directory npm install --save/ig-deploy
Download sample theme
Download an official Igloo sample theme project file from one of the following links, and extract it into your project directory:
After extracting the sample theme into the project directory, please verify the contents are as follows (Fig. 3.1)
(Fig. 3.1) The Igloo sample theme deployment project directory.
Open credentials.json and follow the steps in this article to enter the credentials of your Igloo-provided Azure instance.
Warning: Azure credentials are required to work with the Theme Library.
Run the following command to deploy the custom CSS theme to your Igloo-provided Azure instance:
#!/bin/sh # This command runs deploy.js- which deploys the custom CSS theme to Azure node deploy.js
Inside your Theme Library the custom CSS theme will be viewable by it’s thumbnail. Click on it and press Apply to apply the sample theme (Fig 5.1)
(Fig. 5.1) ig-deploy-sample-theme is hosted from your Igloo-provided Azure instance.