style-example-theme-two.json.in 3.16 KB
{
  "constants":
  {
    "STYLE_DIR":"{APPLICATION_RESOURCE_PATH}/style"
  },
  "styles":
  {
    "Title":{
      "textColor":"#0000ff",
      "background":
      {
        "visualType":"COLOR",
        "mixColor": [ 1.0, 1.0, 1.0, 1.0 ]
      }
    },
    "TableView":{
      "background":
      {
        "visualType":"GRADIENT",
        "startPosition": [0,-1],
        "endPosition": [0,1],
        "stopColor": [ [ 1.0, 0.0, 1.0, 0.03 ], [1.0,0.0,1.0,0.15] ]
      }
    },

    // Change an icon size, see if it gets properly re-sized
    "RadioButton":{
     "unselectedVisual":
      {
        "visualType": "IMAGE",
        "url": "{STYLE_DIR}/images/radio-button-unselected.png"
      },
      "selectedVisual":
      {
        "visualType": "IMAGE",
        "url": "{STYLE_DIR}/images/radio-button-selected.png"
      },
      "label":{
        "textColor": [0.1,1,1,1]
      }
    },
    "checkboxbutton":{
      "label":{
        "textColor": [1,1,1,1]
      }
    },
    "colorLabel1":{
      "textColor": [1,0,0,1]
    },
    "colorLabel2":{
      "textColor": [0,1,0,1]
    },
    "colorLabel3":{
      "textColor": [0.3,0.3,1,1]
    },
    "themelabel":{
      "textColor":[0,1,1,1]
    },
    "popupTitle":{
      "textColor":[1,1,1,1]
    },
    "popupBody":{
      "textColor":[1,1,0,1]
    },

    // Note, this overrides any non-renamed label styles, e.g. those in a button.
    "TextLabel":{
      //"textColor":[0,0,0,1]
    },

    "ThinSlider":{
      "styles": ["slider"],
      "showPopup":true,
      "showValue":false,
      "valuePrecision":0,
      "handleVisual":{
        "size":[48,48]
      },
      "trackVisual":{
        "size":[10, 10]
      },
      "enabled":true
    },
    "ColorSlider1":{
      "styles":["ThinSlider"],
      "progressVisual":{
        "url":"{STYLE_DIR}/images/slider-skin-progress-red.9.png"
      }
    },
    "ColorSlider2":{
      "styles":["ThinSlider"],
      "progressVisual":{
        "url":"{STYLE_DIR}/images/slider-skin-progress-green.9.png"
      }
    },
    "ColorSlider3":{
      "styles":["thinslider"],
      "progressVisual":{
        "url":"{STYLE_DIR}/images/slider-skin-progress-blue.9.png"
      }
    },
    "ImageChannelControl":
    {
      "enableVisibilityTransition":
      [
        {
          "target":"imageVisual",
          "property":"colorAlpha",
          "initialValue":0,
          "targetValue":1,
          "animator":
          {
            "alphaFunction":"EASE_IN_OUT",
            "timePeriod":
            {
              "duration":0.4,
              "delay":0
            }
          }
        },
        {
          "target":"imageVisual",
          "property":"scale",
          "targetValue":[1,1,1]
        }
      ],
      "disableVisibilityTransition":
      [
        {
          "target":"imageVisual",
          "property":"colorAlpha",
          "targetValue":0,
          "animator":
          {
            "alphaFunction":"EASE_IN_OUT",
            "timePeriod":
            {
              "duration":0.4,
              "delay":0.2
            }
          }
        },
        {
          "target":"imageVisual",
          "property":"scale",
          "targetValue":[1,1,1]
        }
      ]
    }
  }
}