resources/style/mobile/style-example-theme-two.json.in

   1 {
   2   "constants":
   3   {
   4     "STYLE_DIR":"{APPLICATION_RESOURCE_PATH}/style"
   5   },
   6   "styles":
   7   {
   8     "Title":{
   9       "textColor":"#0000ff",
  10       "background":
  11       {
  12         "visualType":"COLOR",
  13         "mixColor": [ 1.0, 1.0, 1.0, 1.0 ]
  14       }
  15     },
  16     "TableView":{
  17       "background":
  18       {
  19         "visualType":"GRADIENT",
  20         "startPosition": [0,-1],
  21         "endPosition": [0,1],
  22         "stopColor": [ [ 1.0, 0.0, 1.0, 0.03 ], [1.0,0.0,1.0,0.15] ]
  23       }
  24     },
  25
  26     // Change an icon size, see if it gets properly re-sized
  27     "RadioButton":{
  28       "unselectedStateImage":"{STYLE_DIR}/images/radio-button-unselected.png",
  29       "selectedStateImage":"{STYLE_DIR}/images/radio-button-selected.png",
  30       "disabledStateImage":"{STYLE_DIR}/images/radio-button-unselected-disabled.png",
  31       "imageLabelGap":10,
  32       "label":{
  33         "textColor": [0.1,1,1,1]
  34       }
  35     },
  36     "checkboxbutton":{
  37       "label":{
  38         "textColor": [1,1,1,1]
  39       }
  40     },
  41     "colorLabel1":{
  42       "textColor": [1,0,0,1]
  43     },
  44     "colorLabel2":{
  45       "textColor": [0,1,0,1]
  46     },
  47     "colorLabel3":{
  48       "textColor": [0.3,0.3,1,1]
  49     },
  50     "themelabel":{
  51       "textColor":[0,1,1,1]
  52     },
  53     "popupTitle":{
  54       "textColor":[1,1,1,1]
  55     },
  56     "popupBody":{
  57       "textColor":[1,1,0,1]
  58     },
  59
  60     // Note, this overrides any non-renamed label styles, e.g. those in a button.
  61     "TextLabel":{
  62       //"textColor":[0,0,0,1]
  63     },
  64
  65     "ThinSlider":{
  66       "styles": ["slider"],
  67       "showPopup":true,
  68       "showValue":false,
  69       "valuePrecision":0,
  70       "handleVisual":{
  71         "size":[48,48]
  72       },
  73       "trackVisual":{
  74         "size":[10, 10]
  75       },
  76       "enabled":true
  77     },
  78     "ColorSlider1":{
  79       "styles":["ThinSlider"],
  80       "progressVisual":{
  81         "url":"{STYLE_DIR}/images/slider-skin-progress-red.9.png"
  82       }
  83     },
  84     "ColorSlider2":{
  85       "styles":["ThinSlider"],
  86       "progressVisual":{
  87         "url":"{STYLE_DIR}/images/slider-skin-progress-green.9.png"
  88       }
  89     },
  90     "ColorSlider3":{
  91       "styles":["thinslider"],
  92       "progressVisual":{
  93         "url":"{STYLE_DIR}/images/slider-skin-progress-blue.9.png"
  94       }
  95     },
  96     "ImageChannelControl":
  97     {
  98       "enableVisibilityTransition":
  99       [
 100         {
 101           "target":"imageVisual",
 102           "property":"colorAlpha",
 103           "initialValue":0,
 104           "targetValue":1,
 105           "animator":
 106           {
 107             "alphaFunction":"EASE_IN_OUT",
 108             "timePeriod":
 109             {
 110               "duration":0.4,
 111               "delay":0
 112             }
 113           }
 114         }
 115       ],
 116       "disableVisibilityTransition":
 117       [
 118         {
 119           "target":"imageVisual",
 120           "property":"colorAlpha",
 121           "targetValue":0,
 122           "animator":
 123           {
 124             "alphaFunction":"EASE_IN_OUT",
 125             "timePeriod":
 126             {
 127               "duration":0.4,
 128               "delay":0.2
 129             }
 130           }
 131         },
 132         {
 133           "target":"imageVisual",
 134           "property":"scale",
 135           "targetValue":[1,1,1]
 136         }
 137       ]
 138     }
 139   }
 140 }