Skip to end of metadata
Go to start of metadata

Demonstrates how to use Alloy themes to easily style your entire application UI for different platforms.

App folder location

The themes/ folder contains of three folders named "blue", "dark", and "green" that each contain  assets/  and styles/ folders. These folders contain, respectively, image files and other theme assets, and TSS files that define the theme's custom styles. 

app/themes folder

To use a theme, add it to your Alloy project's config.json file with "theme" as the key and the name of the theme folder as the value, as shown below. Before compilation, the content of the appropriate theme's assets folder are copied into the project's assets folder, replacing any files of the same name. Custom theme styles are merged with those defined in the application's app/styles folder. Theme styles take precedence over application styles during this merge process.

app/config.json

See also