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":"colorAlpha",
 109           "initialValue":0,
 110           "targetValue":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":"scale",
 124           "targetValue":[1,1,1]
 125         }
 126       ],
 127       "disableVisibilityTransition":
 128       [
 129         {
 130           "target":"imageVisual",
 131           "property":"colorAlpha",
 132           "targetValue":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":"scale",
 146           "targetValue":[1,1,1]
 147         }
 148       ]
 149     }
 150   }
 151 }