Introduction

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.

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

Install ig-deploy in the newly created project directory. Check out the ig-deploy KB article for more information about the deployment tool itself.

#!/bin/sh
# This will install the ig-deploy tool in your project directory
npm install --save @igloosoftware/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:

credentials.json
deploy.js
LICENSE.md
node_modules
package.json
theme
undeploy.js
validate.js

Manage Credentials

Open credentials.json and follow the steps in the igDeploy article to enter the credentials of your Igloo-provided Azure instance.

Deployment

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

Usage

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)