Creating a Custom Coach AX Theme

Tech
niagaraNX
Published in
4 min readJul 13, 2018

Step 1

Create a new folder to put your theme. Open the My File System object and find where you want to create a new folder. Right-click and select New > New Folder and give your folder a name.

Create Module Folder

Select Tools > New Module.

Click the folder icon and select the folder you just made.

Enter a module name (the name cannot contain spaces). Theme names need to start with the word theme e.g. themeMyFirst.

Enter a four letter preferred symbol for the theme.

Enter a description and vendor. Uncheck the Create Lexicon box.

Create New Module

Click Next.

Remove all dependencies by selecting them and clicking Remove.

Custom Module Settings

Click Next.

Click Finish.

Step 2

Open My File System and find the folder you made. Open the new module folder that was created and double-click on module-include.xml.

Edit XML file

Add the following text to the bottom of the file:

<!-- Defs -->
<defs>
<def name="themeName" value="themeMyFirst" />
</defs>
Edit XML File

Click File > Save.

Step 3

At this point you can either create a theme from scratch or you can copy and modify an existing theme.

Making a theme from scratch

Open My File System find your module folder and add a new folder called src. Inside this folder add another folder called nss. Inside this folder right-click and select New > TextFile.txt. Give this text file the name theme.nss (note that we gave it the file extension .css not .txt).

Create .nss File

Step 3.1

Double-click on the file build.xml and add this text to the file (just before the text </module>):

<!-- Resources -->
<resources name="nss/*.*" />
Edit XML File

Click File > Save.

Step 3.2

Double-click on the file theme.nss that we created.

This file will contain all the information that will give CoachAX a theme for example background colours, text colours etc.

Copy this text into the file:

//Text colour
color: #000;
//Background colour
background-color: #FFF;
//Secondary Background colour
auxiliary-color: #ccc;
//Selected text colour
selection-color: #fff;
//Selected background colour
selection-background-color: #FF9933;
theme.nss File

Click File > Save.

In this example we only modify a few of the properties of the theme, a more detailed overview can be found in this article.

Step 3.3

Double-click the build.xml file.

Select Text File Editor > Save & Compile.

Compile Module

Close CoachAX and re-open it.

Step 3.4

Select Tools > Options.

Your theme will now appear in the Active Theme option. Select it and click OK.

Close CoachAX and re-open it.

New Theme

As the example shows we made the background white and the highlight colour orange.

Copying from another theme

We have only modified a few properties of the style, to get a better feel for what can be done we will copy another theme and edit it.

Open the My Modules object and the the module themeLucid expand it and copy the folders nss and ImageOverrides.

Copy Old Theme

Paste them in the src folder of you own theme.

Paste Files

Double-click the build.xml file and add this line:

<resources name="imageOverrides/icons/x16/*.*" />

Edit XML File

Click File > Save.

Modifying the theme

Double-click the file src/nss/theme.nss to open it.

Modify Old Theme

You can modify the values in this file, and look at what values are available to modify.

After you have modified the files save and compile them as before.

--

--