automated-tests/src/dali-toolkit-styling/default-theme.json

   1 {
   2   "config":
   3   {
   4     "alwaysShowFocus":false
   5   },
   6   "constants":
   7   {
   8     "CONFIG_SCRIPT_LOG_LEVEL":"NoLogging"
   9   },
  10   "styles":
  11   {
  12     "textlabel":
  13     {
  14       "pointSize":18
  15     },
  16
  17     "textlabelFontSize0":
  18     {
  19       "pointSize":8
  20     },
  21     "textlabelFontSize1":
  22     {
  23       "pointSize":10
  24     },
  25     "textlabelFontSize2":
  26     {
  27       "pointSize":15
  28     },
  29     "textlabelFontSize3":
  30     {
  31       "pointSize":19
  32     },
  33     "textlabelFontSize4":
  34     {
  35       "pointSize":25
  36     },
  37
  38     "textfield":
  39     {
  40       "pointSize":18,
  41       "primaryCursorColor":[0.0,0.72,0.9,1.0],
  42       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
  43       "cursorWidth":3,
  44       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
  45       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
  46       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
  47       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
  48     },
  49
  50     "textfieldFontSize0":
  51     {
  52       "pointSize":10
  53     },
  54     "textfieldFontSize1":
  55     {
  56       "pointSize":10
  57     },
  58     "textfieldFontSize2":
  59     {
  60       "pointSize":10
  61     },
  62     "textfieldFontSize3":
  63     {
  64       "pointSize":10
  65     },
  66     "textfieldFontSize4":
  67     {
  68       "pointSize":10
  69     },
  70     "textselectionpopup":
  71     {
  72       "popupMaxSize":[656,72],
  73       "optionDividerSize":[2,0],
  74       "popupDividerColor":[0.23,0.72,0.8,0.11],
  75       "popupIconColor":[1.0,1.0,1.0,1.0],
  76       "popupPressedColor":[0.24,0.72,0.8,0.11],
  77       "background": {
  78         "rendererType": "nPatch",
  79         "imageUrl": "{DALI_IMAGE_DIR}selection-popup-bg.9.png"
  80         },
  81       "popupFadeInDuration":0.25,
  82       "popupFadeOutDuration":0.25
  83     },
  84     "textselectionpopupbutton":
  85     {
  86       "label":
  87       {
  88         "pointSize":8,
  89         "fontStyle": { "weight":"light" }
  90       }
  91     },
  92     "textselectiontoolbar":
  93     {
  94       "enableOvershoot":true,
  95       "scrollView":
  96       {
  97         "overshootAnimationSpeed":360.0,
  98         "overshootSize":[720.0,130.0]
  99       }
 100     },
 101     "scrollview":
 102     {
 103       "overshootEffectColor":"B018",
 104       "overshootAnimationSpeed":360.0,
 105       "overshootSize":[720.0,130.0]
 106     },
 107     "itemview":
 108     {
 109       "overshootEffectColor":"B018",
 110       "overshootAnimationSpeed":360.0,
 111       "overshootSize":[720.0,130.0]
 112     },
 113     "texteditor":
 114     {
 115       "pointSize":18,
 116       "primaryCursorColor":[0.0,0.72,0.9,1.0],
 117       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
 118       "cursorWidth":3,
 119       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
 120       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
 121       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
 122       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
 123     },
 124     "ComplexControl":
 125     {
 126       "states":
 127       {
 128         "NORMAL":
 129         {
 130           "states":
 131           {
 132             "SELECTED":
 133             {
 134               "visuals":
 135               {
 136                 "testVisual":
 137                 {
 138                   "visualType":"IMAGE",
 139                   "url":"0001.png",
 140                   "atlasing":true
 141                 },
 142                 "testVisual2":
 143                 {
 144                   "visualType":"GRADIENT",
 145                   "startPosition": [-1, -1],
 146                   "endPosition": [1, 1],
 147                   "spreadMethod": "REPEAT",
 148                   "stopOffset": [0.2, 0.8],
 149                   "stopColor": [ [ 1,0,0,1], [0,1,0,1] ]
 150                 },
 151                 "foregroundVisual":
 152                 {
 153                   "visualType":"IMAGE",
 154                   "url":"theSameImage.png",
 155                   "atlasing":true
 156                 },
 157                 "labelVisual":
 158                 {
 159                   "visualType":"TEXT",
 160                   "pointSize":8,
 161                   "text":"Some text"
 162                 }
 163               }
 164             },
 165             "UNSELECTED":
 166             {
 167               "visuals":
 168               {
 169                 "testVisual":
 170                 {
 171                   "visualType":"IMAGE",
 172                   "url":"0002.png",
 173                   "atlasing":true
 174                 },
 175                 "testVisual2":
 176                 {
 177                   "visualType":"COLOR",
 178                   "mixColor": [ 1,0,0,1]
 179                 },
 180                 "foregroundVisual":
 181                 {
 182                   "visualType":"IMAGE",
 183                   "url":"theSameImage.png",
 184                   "atlasing":true
 185                 },
 186                 "labelVisual":
 187                 {
 188                   "visualType":"TEXT",
 189                   "pointSize":8,
 190                   "text":"Some different text"
 191                 }
 192               }
 193             }
 194           },
 195           "transitions":
 196           {
 197             "visualName":"*",
 198             "effect":"CROSSFADE",
 199             "animator":
 200             {
 201               "alphaFunction":"EASE_IN_OUT",
 202               "duration":0.3
 203             }
 204           }
 205         },
 206         "FOCUSED":
 207         {
 208           "visuals":
 209           {
 210             "foregroundVisual":
 211             {
 212               "visualType":"GRADIENT",
 213               "startPosition": [-1, -1],
 214               "endPosition": [1, 1],
 215               "spreadMethod": "REPEAT",
 216               "stopOffset": [0.3, 0.9],
 217               "stopColor": [ [ 0,0,1,1], [0,1,1,1] ]
 218             },
 219             "focusVisual":
 220             {
 221               "visualType":"NPATCH",
 222               "url": "focus.9.png"
 223             }
 224           },
 225           "entryTransition":
 226           {
 227             "target":"focusVisual",
 228             "property":"mixColor",
 229             "initialValue":[0,0,0,0],
 230             "targetValue":[1,1,1,1],
 231             "animator":
 232             {
 233               "alphaFunction":"EASE_IN_OUT_SINE",
 234               "timePeriod":
 235               {
 236                 "duration":0.5,
 237                 "delay":0
 238               }
 239             }
 240           },
 241           "exitTransition":
 242           {
 243             "target":"focusVisual",
 244             "property":"mixColor",
 245             "initialValue":[1,1,1,1],
 246             "targetValue":[0,0,0,0],
 247             "animator":
 248             {
 249               "alphaFunction":"EASE_IN_OUT_SINE",
 250               "timePeriod":
 251               {
 252                 "duration":0.5,
 253                 "delay":0
 254               }
 255             }
 256           }
 257         },
 258         "DISABLED":
 259         {
 260           "states":
 261           {
 262             "SELECTED":
 263             {
 264               "visuals":
 265               {
 266                 "testVisual":
 267                 {
 268                   "visualType":"IMAGE",
 269                   "url":"0001.png",
 270                   "atlasing":true
 271                 },
 272                 "testVisual2":
 273                 {
 274                   "visualType":"GRADIENT",
 275                   "startPosition": [-1, -1],
 276                   "endPosition": [1, 1],
 277                   "spreadMethod": "REPEAT",
 278                   "stopOffset": [0.2, 0.8],
 279                   "stopColor": [ [ 1,0,0,1], [0,1,0,1] ]
 280                 }
 281               }
 282             }
 283           },
 284           "visuals":
 285           {
 286             "foregroundVisual":
 287             {
 288               "visualType":"COLOR",
 289               "mixColor": [1,0,0,1]
 290             }
 291           }
 292         }
 293       },
 294       "transitions":
 295       [
 296         {
 297           "effect":"CROSSFADE",
 298           "animator":
 299           {
 300             "alphaFunction":"EASE_IN_OUT",
 301             "duration":0.3
 302           }
 303         }
 304       ]
 305     },
 306     "BasicControl":
 307     {
 308       "states":
 309       {
 310         "NORMAL":
 311         {
 312           "visuals":
 313           {
 314             "foregroundVisual":
 315             {
 316               "visualType":"GRADIENT",
 317               "startPosition": [-1, -1],
 318               "endPosition": [1, 1],
 319               "spreadMethod": "REPEAT",
 320               "stopOffset": [0.2, 0.8],
 321               "stopColor": [ [ 1,0,0,1], [0,1,0,1] ]
 322             },
 323             "labelVisual":
 324             {
 325               "visualType":"TEXT",
 326               "pointSize":8,
 327               "textColor":[1,0,1,1]
 328             }
 329           }
 330         },
 331         "FOCUSED":
 332         {
 333           "visuals":
 334           {
 335             "foregroundVisual":
 336             {
 337               "visualType":"GRADIENT",
 338               "startPosition": [-1, -1],
 339               "endPosition": [1, 1],
 340               "spreadMethod": "REPEAT",
 341               "stopOffset": [0.3, 0.9],
 342               "stopColor": [ [ 0,0,1,1], [0,1,1,1] ]
 343             },
 344             "labelVisual":
 345             {
 346               "visualType":"TEXT",
 347               "pointSize":10
 348             },
 349             "focusVisual":
 350             {
 351               "visualType":"IMAGE",
 352               "url": "focus.png",
 353               "atlasing":true
 354             }
 355           },
 356           "entryTransition":
 357           {
 358             "target":"focusVisual",
 359             "property":"mixColor",
 360             "initialValue":[0,0,0,0],
 361             "targetValue":[1,1,1,1],
 362             "animator":
 363             {
 364               "alphaFunction":"EASE_IN_OUT_SINE",
 365               "timePeriod":
 366               {
 367                 "duration":0.5,
 368                 "delay":0
 369               }
 370             }
 371           },
 372           "exitTransition":
 373           {
 374             "target":"focusVisual",
 375             "property":"mixColor",
 376             "initialValue":[1,1,1,1],
 377             "targetValue":[0,0,0,0],
 378             "animator":
 379             {
 380               "alphaFunction":"EASE_IN_OUT_SINE",
 381               "timePeriod":
 382               {
 383                 "duration":0.5,
 384                 "delay":0
 385               }
 386             }
 387           }
 388         },
 389         "DISABLED":
 390         {
 391           "visuals":
 392           {
 393             "foregroundVisual":
 394             {
 395               "visualType":"COLOR",
 396               "mixColor": [1,0,0,1]
 397             },
 398             "labelVisual":
 399             {
 400               "visualType":"TEXT",
 401               "pointSize":9,
 402               "textColor":[1,1,1,1]
 403             }
 404           }
 405         }
 406       },
 407       "transitions":
 408       [
 409         {
 410           "effect":"CROSSFADE",
 411           "animator":
 412           {
 413             "alphaFunction":"EASE_IN_OUT",
 414             "duration":0.3
 415           }
 416         }
 417       ]
 418     },
 419     "NoStateStyle":
 420     {
 421       "testVisual2":
 422       {
 423         "visualType":"COLOR",
 424         "mixColor":[1,1,1,1]
 425       }
 426     }
 427   }
 428 }