Active Item Detection for various color stylings
With the Active Item Detection the template knows which menu item you are currently browsing. This makes it possible to give each page a different color styling.
/* item color variation */
"item1" => "red", /* red | blue | green | yellow */
"item2" => "blue", /* red | blue | green | yellow */
"item3" => "green", /* red | blue | green | yellow */
"item4" => "yellow", /* red | blue | green | yellow */
...
And the generated template HTML output can look like this, if you are currently in Home (item1)...
<body class="blue">...</body>