resources/style/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      "unselectedVisual":
  29       {
  30         "visualType": "IMAGE",
  31         "url": "{STYLE_DIR}/images/radio-button-unselected.png"
  32       },
  33       "selectedVisual":
  34       {
  35         "visualType": "IMAGE",
  36         "url": "{STYLE_DIR}/images/radio-button-selected.png"
  37       },
  38       "label":{
  39         "textColor": [0.1,1,1,1]
  40       }
  41     },
  42     "checkboxbutton":{
  43       "label":{
  44         "textColor": [1,1,1,1]
  45       }
  46     },
  47     "colorLabel1":{
  48       "textColor": [1,0,0,1]
  49     },
  50     "colorLabel2":{
  51       "textColor": [0,1,0,1]
  52     },
  53     "colorLabel3":{
  54       "textColor": [0.3,0.3,1,1]
  55     },
  56     "themelabel":{
  57       "textColor":[0,1,1,1]
  58     },
  59     "popupTitle":{
  60       "textColor":[1,1,1,1]
  61     },
  62     "popupBody":{
  63       "textColor":[1,1,0,1]
  64     },
  65
  66     // Note, this overrides any non-renamed label styles, e.g. those in a button.
  67     "TextLabel":{
  68       //"textColor":[0,0,0,1]
  69     },
  70
  71     "ThinSlider":{
  72       "styles": ["slider"],
  73       "showPopup":true,
  74       "showValue":false,
  75       "valuePrecision":0,
  76       "handleVisual":{
  77         "size":[48,48]
  78       },
  79       "trackVisual":{
  80         "size":[10, 10]
  81       },
  82       "enabled":true
  83     },
  84     "ColorSlider1":{
  85       "styles":["ThinSlider"],
  86       "progressVisual":{
  87         "url":"{STYLE_DIR}/images/slider-skin-progress-red.9.png"
  88       }
  89     },
  90     "ColorSlider2":{
  91       "styles":["ThinSlider"],
  92       "progressVisual":{
  93         "url":"{STYLE_DIR}/images/slider-skin-progress-green.9.png"
  94       }
  95     },
  96     "ColorSlider3":{
  97       "styles":["thinslider"],
  98       "progressVisual":{
  99         "url":"{STYLE_DIR}/images/slider-skin-progress-blue.9.png"
 100       }
 101     },
 102     "ImageChannelControl":
 103     {
 104       "enableVisibilityTransition":
 105       [
 106         {
 107           "target":"imageVisual",
 108           "property":"mixColor",
 109           "initialValue":[1,1,1,0],
 110           "targetValue":[1,1,1,1],
 111           "animator":
 112           {
 113             "alphaFunction":"EASE_IN_OUT",
 114             "timePeriod":
 115             {
 116               "duration":0.4,
 117               "delay":0
 118             }
 119           }
 120         },
 121         {
 122           "target":"imageVisual",
 123           "property":"size",
 124           "targetValue":[1,1]
 125         }
 126       ],
 127       "disableVisibilityTransition":
 128       [
 129         {
 130           "target":"imageVisual",
 131           "property":"mixColor",
 132           "targetValue":[1,1,1,0],
 133           "animator":
 134           {
 135             "alphaFunction":"EASE_IN_OUT",
 136             "timePeriod":
 137             {
 138               "duration":0.4,
 139               "delay":0.2
 140             }
 141           }
 142         },
 143         {
 144           "target":"imageVisual",
 145           "property":"size",
 146           "targetValue":[1,1]
 147         }
 148       ]
 149     },
 150     "ShadowButton":
 151     {
 152       "backgroundVisual":{
 153         "visualType":"IMAGE",
 154         "url":"{STYLE_DIR}/images/shadowButtonBg.9.png"
 155       },
 156       "checkboxBgVisual":{
 157         "visualType":"IMAGE",
 158         "url":"{STYLE_DIR}/images/CheckBg.png",
 159         "transform":{
 160           "size":[0.09, 0.28],
 161           "offset":[30,0],
 162           "offsetSizeMode":[1,1,0,0],
 163           "origin":"CENTER_BEGIN",
 164           "anchorPoint":"CENTER_BEGIN"
 165         }
 166       },
 167       "checkboxFgVisual":{
 168         "visualType":"IMAGE",
 169         "url":"{STYLE_DIR}/images/Tick.png",
 170         "transform":{
 171           "size":[0.09, 0.28],
 172           "offset":[30,0],
 173           "offsetSizeMode":[1,1,0,0],
 174           "origin":"CENTER_BEGIN",
 175           "anchorPoint":"CENTER_BEGIN"
 176         }
 177       },
 178       "labelVisual":{
 179         "visualType":"TEXT",
 180         "text":"Don't show again",
 181         "pointSize":20,
 182         "horizontalAlignment":"END",
 183         "verticalAlignment":"CENTER",
 184         "textColor":[1,1,1,1],
 185         "mixColor":[0.3, 0.3, 0.3, 1],
 186         "transform":{
 187           "size":[0.9, 0.9],
 188           "offset":[-30,0],
 189           "offsetSizeMode":[1,1,0,0],
 190           "origin":"CENTER_END",
 191           "anchorPoint":"CENTER_END"
 192         }
 193       },
 194       "activeTransition":
 195       [
 196         {
 197           "target":"checkboxBgVisual",
 198           "property":"size",
 199           "initialValue":[0.09, 0.28],
 200           "targetValue":[0.12, 0.37],
 201           "animator":
 202           {
 203             "alphaFunction":"EASE_OUT_BACK",
 204             "timePeriod":
 205             {
 206               "duration":0.8,
 207               "delay":0
 208             }
 209           }
 210         }
 211       ],
 212       "inactiveTransition":
 213       [
 214         {
 215           "target":"checkboxBgVisual",
 216           "property":"size",
 217           "initialValue":[0.12, 0.37],
 218           "targetValue":[0.09, 0.28],
 219           "animator":
 220           {
 221             "alphaFunction":"EASE_OUT_BACK",
 222             "timePeriod":
 223             {
 224               "duration":0.8,
 225               "delay":0
 226             }
 227           }
 228         }
 229       ]
 230     }
 231   }
 232 }