Here's an example configuration for the mobile style. The file contains additional information about possible parameters.

mobile_style.xml

<?xml version="1.0" encoding="UTF-8"?>
 
<style>
  <!-- the icon for application overview (url or resource path) -->
  <!-- <icon></icon> -->
 
  <login.title>Demo UI</login.title>
  <login.topColor>#770000</login.topColor>
  <!-- the bottom color (default: white) -->
  <!-- <login.bottomColor></login.bottomColor>  -->
  <login.logo>/com/sibvisions/apps/mobile/demo/images/sibvisions.png</login.logo>
 
  <!-- modern, default -->
  <login.layout>default</login.layout>
  <!-- 
    default layout: uses login.topColor or login.background or theme color and lightens the color
    modern layout:  uses login.topColor or login.background or theme color and lightens the color (top and bottom areas)
                    uses login.bottomColor or theme background color and lightens the color (center area)
  -->
  <login.colorGradient>true</login.colorGradient>
 
  <!-- switch top and bottom color (default and modern layout) -->
  <login.inverseColor>false</login.inverseColor>
 
  <menu>
    <!-- legacy mode -->
    <!-- list, list_grouped, grid, grid_grouped, drawer, tabs -->
    <!-- <mode>grid_grouped</mode> -->
 
    <!-- list, grid, drawer, tabs -->
    <mode>grid</mode>
    <grouped>true</grouped>
    <!-- show group only if more than 1 group exists -->
    <group_only_on_multiple>false</group_only_on_multiple>
  </menu>
 
  <theme>
    <!-- primary color -->
    <color>#ffa600</color>
  </theme>
 
  <!-- Values from 0.0 (full transparent) to 1.0 (no transparency) -->
  <opacity>
    <menu>1</menu>
    <sidemenu>1</sidemenu>
    <controls>1</controls>
  </opacity>
 
  <options>
    <!-- only on mobile devices and not in browser -->
    <mobilescaling>2.0</mobilescaling>
  </options>
 
</style>