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

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