themes

Type: JSON object of JSON objects
Required: No

"themes": {
   "Base": {
      "resources": [
         {
            "name": "Themes/Base/Style.css",
            "type": "Stylesheet",
            "description": ""
         }
      ]
   }
}

This property contains all themes that are included in the control. By default, the base theme is included with a stylesheet file. A theme is an object containing the array "resources". The array "resources" contains all the files that are allocated to a theme.

A "resource" object contains the same properties as a "dependencyFile" object, with other allowed values for "type":

• name {string}: file name and file extension with the relative project path to the file.
• type {string}: file type (Stylesheet or ThemedValues, see Theming).
• description {string}: Optional file description.

Images and fonts etc. are not included under the theme resources, but referenced via the stylesheet file (see Theming).

The following listing illustrates the inclusion of another theme with associated files:

"themes": {
   "Base": {
      "resources": [
         {
            "name": "Themes/Base/Style.css",
            "type": "Stylesheet",
            "description": ""
         }
      ]
   },
   "Custom": {
      "resources": [
         {
            "name": "Themes/Custom/Style.css",
            "type": "Stylesheet",
            "description": ""
         },
         {
            "name": "Themes/Custom/MyTheme.theme",
            "type": "ThemedValues"
            "description": "This is a theme file."
         }
      ]
   }
}