dali-toolkit/styles/480x800/dali-toolkit-default-theme.json

   1 /*
   2  * Copyright (c) 2016 Samsung Electronics Co., Ltd.
   3  *
   4  * This file is part of Dali Toolkit
   5  *
   6  * Licensed under the Apache License, Version 2.0 (the "License");
   7  * you may not use this file except in compliance with the License.
   8  * You may obtain a copy of the License at
   9  *
  10  * http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  * Unless required by applicable law or agreed to in writing, software
  13  * distributed under the License is distributed on an "AS IS" BASIS,
  14  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15  * See the License for the specific language governing permissions and
  16  * limitations under the License.
  17  */
  18
  19
  20 //******************************************************************************
  21 //
  22 // Default Reference style theme for a 480x800 resolution, The values determined by UX design specification.
  23 // This file can be copied to a new folder within the styles/ directory and amended with new default values.
  24 // Can be overriden if StyleManager applies another style sheet.
  25 //
  26 //******************************************************************************
  27
  28 {
  29   "styles":
  30   {
  31     "Tooltip":
  32     {
  33       "tooltip":
  34       {
  35         "content":
  36         {
  37           "pointSize":12
  38         },
  39         "waitTime":0.5,
  40         "background":
  41         {
  42           "visual":"{DALI_IMAGE_DIR}tooltip.9.png",
  43           "border":[1,5,5,1]
  44         },
  45         "tail":
  46         {
  47           "visibility":false,
  48           "aboveVisual":"{DALI_IMAGE_DIR}tooltip-tail-above.png",
  49           "belowVisual":"{DALI_IMAGE_DIR}tooltip-tail-below.png"
  50         },
  51         "position":"BELOW",
  52         "hoverPointOffset":[10,10],
  53         "movementThreshold":5,
  54         "disappearOnMovement":false
  55       }
  56     },
  57     "TextLabel":
  58     {
  59       "pointSize":18,
  60       "enableAutoScroll":false,
  61       "autoScrollLoopCount":2,
  62       "autoScrollGap":50,
  63       "autoScrollSpeed":80
  64     },
  65
  66     "TextLabelFontSize0":
  67     {
  68       "pointSize":8
  69     },
  70     "TextLabelFontSize1":
  71     {
  72       "pointSize":10
  73     },
  74     "TextLabelFontSize2":
  75     {
  76       "pointSize":15
  77     },
  78     "TextLabelFontSize3":
  79     {
  80       "pointSize":19
  81     },
  82     "TextLabelFontSize4":
  83     {
  84       "pointSize":25
  85     },
  86     "TextField":
  87     {
  88       "pointSize":18,
  89       "primaryCursorColor":[0.0,0.72,0.9,1.0],
  90       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
  91       "cursorWidth":1,
  92       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
  93       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
  94       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
  95       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
  96     },
  97
  98     "TextFieldFontSize0":
  99     {
 100       "pointSize":10
 101     },
 102     "TextFieldFontSize1":
 103     {
 104       "pointSize":10
 105     },
 106     "TextFieldFontSize2":
 107     {
 108       "pointSize":10
 109     },
 110     "TextFieldFontSize3":
 111     {
 112       "pointSize":10
 113     },
 114     "TextFieldFontSize4":
 115     {
 116       "pointSize":10
 117     },
 118     "TextSelectionPopup":
 119     {
 120       "popupMaxSize":[400,100],
 121       "optionDividerSize":[2,0],
 122       "popupDividerColor":[0.23,0.72,0.8,0.11],
 123       "popupIconColor":[1.0,1.0,1.0,1.0],
 124       "popupPressedColor":[0.24,0.72,0.8,0.11],
 125       "background": {
 126         "visualType": "IMAGE",
 127         "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
 128         },
 129       "backgroundBorder": {
 130         "visualType": "IMAGE",
 131         "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
 132         "mixColor":[0.24,0.72,0.8,1.0]
 133         },
 134       "popupFadeInDuration":0.25,
 135       "popupFadeOutDuration":0.25
 136     },
 137     "TextSelectionPopupButton":
 138     {
 139       "label":
 140       {
 141         "visualType":"TEXT",
 142         "pointSize":8
 143       },
 144       "unselectedBackgroundVisual":
 145       {
 146         "visualType": "IMAGE",
 147         "url": ""
 148       },
 149       "selectedBackgroundVisual":
 150       {
 151         "visualType": "IMAGE",
 152         "url": ""
 153       }
 154     },
 155     "TextSelectionToolbar":
 156     {
 157       "enableOvershoot":true,
 158       "enableScrollBar":true,
 159       "scrollView":
 160       {
 161         "overshootAnimationSpeed":120.0,
 162         "overshootSize":[480.0,42.0]
 163       }
 164     },
 165     "TextSelectionScrollBar":
 166     {
 167       "indicatorShowDuration":0.25,
 168       "indicatorHideDuration":0.25,
 169       "indicatorTransientDuration":1.0
 170     },
 171     "TextSelectionScrollIndicator":
 172     {
 173       "image":
 174       {
 175         "visualType":"IMAGE",
 176         "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png" // designed for HD resolution
 177       },
 178       "color":[0.0,0.72,0.9,0.7],
 179       "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution
 180     },
 181     "ScrollView":
 182     {
 183       "overshootEffectColor":"B018",
 184       "overshootAnimationSpeed":120.0,
 185       "overshootSize":[480.0,42.0]
 186     },
 187     "ItemView":
 188     {
 189       "overshootEffectColor":"B018",
 190       "overshootAnimationSpeed":120.0,
 191       "overshootSize":[480.0,42.0]
 192     },
 193     "ScrollBar":
 194     {
 195       "indicatorShowDuration":0.25,
 196       "indicatorHideDuration":0.25
 197     },
 198     "ScrollBarIndicator":
 199     {
 200       "image":
 201       {
 202         "visualType":"IMAGE",
 203         "url":"{DALI_IMAGE_DIR}popup_scroll.9.png"
 204       }
 205     },
 206     "TextEditor":
 207     {
 208       "pointSize":18,
 209       "primaryCursorColor":[0.0,0.72,0.9,1.0],
 210       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
 211       "cursorWidth":1,
 212       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
 213       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
 214       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
 215       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
 216       "enableScrollBar":true,
 217       "scrollBarShowDuration":0.8,
 218       "scrollBarFadeDuration":0.5
 219     },
 220     "Popup":
 221     {
 222       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 223       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 224       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 225       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 226       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 227       "popupBackgroundBorder":[17,17,13,13]
 228     },
 229     "ConfirmationPopup":
 230     {
 231       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 232       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 233       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 234       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 235       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 236       "popupBackgroundBorder":[17,17,13,13]
 237     },
 238     "Slider":
 239     {
 240       "showPopup": true,
 241       "showValue": true,
 242       "valuePrecision": 0,
 243       "trackVisual":{
 244         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 245         "size":[27,27]
 246       },
 247       "progressVisual":{
 248         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 249         "size":[27,27]
 250       },
 251       "handleVisual":{
 252         "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
 253         "size":[72,72]
 254       },
 255       "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
 256       "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
 257       "disableColor":[0.5, 0.5, 0.5, 1.0],
 258       "popupTextColor":[0.5,0.5,0.5,1.0],
 259       "hitRegion":[0, 72],
 260       "marks":[],
 261       "snapToMarks":false,
 262       "markTolerance":0.05
 263     },
 264     "SliderHandleTextLabel":
 265     {
 266       "textColor":[0.8,0.8,1,1]
 267     },
 268     "ProgressBar":
 269     {
 270       "trackVisual":{
 271         "visualType":"IMAGE",
 272         "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
 273       },
 274       "progressVisual":{
 275         "visualType":"IMAGE",
 276         "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
 277       },
 278       "secondaryProgressVisual":{
 279         "visualType":"IMAGE",
 280         "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
 281       },
 282       "indeterminateVisual":{
 283         "visualType":"IMAGE",
 284         "pixelArea":[0.0, 0.0, 10.0, 1.0],
 285         "wrapModeU":"REPEAT",
 286         "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
 287       },
 288       "indeterminateVisualAnimation":
 289       [
 290         {
 291           "target":"indeterminateVisual",
 292           "property":"pixelArea",
 293           "initialValue":[0.0, 0.0, 10.0, 1.0],
 294           "targetValue":[-1.0, 0.0, 10.0, 1.0],
 295           "animator":
 296           {
 297             "alphaFunction":"DEFAULT",
 298             "timePeriod":
 299             {
 300               "duration":0.8,
 301               "delay":0
 302             }
 303           }
 304         }
 305       ],
 306       "labelVisual":{
 307         "visualType": "TEXT",
 308         "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
 309         "pointSize" : 12.0, // Point size must always be provided to Text Visual
 310         "horizontalAlignment": "CENTER",
 311         "verticalAlignment": "CENTER"
 312       },
 313       "progressValue": 0.0,
 314       "secondaryProgressValue":0.0,
 315       "indeterminate": false
 316     },
 317     "Button":
 318     {
 319       "styles":["Tooltip"],
 320       "initialAutoRepeatingDelay":2.0,
 321       "nextAutoRepeatingDelay":0.9
 322       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
 323     },
 324     "PushButton":
 325     {
 326       "styles":["Button"],
 327       "autoRepeating":false,
 328       "togglable":false,
 329       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
 330       "label":
 331        {
 332          "visualType": "TEXT",
 333          "horizontalAlignment": "CENTER",
 334          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 335          "verticalAlignment": "CENTER"
 336        },
 337       "unselectedBackgroundVisual":
 338        {
 339          "visualType": "IMAGE",
 340          "url": "{DALI_IMAGE_DIR}button-up.9.png"
 341        },
 342        "selectedBackgroundVisual":
 343        {
 344          "visualType": "IMAGE",
 345          "url": "{DALI_IMAGE_DIR}button-down.9.png"
 346        },
 347        "disabledSelectedBackgroundVisual":
 348        {
 349          "visualType": "IMAGE",
 350          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
 351        },
 352        "disabledUnselectedBackgroundVisual":
 353        {
 354          "visualType": "IMAGE",
 355          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
 356        }
 357     },
 358     "ToggleButton":
 359     {
 360       "styles":["Button"]
 361     },
 362     "CheckBoxButton":
 363     {
 364       "styles":["Button"],
 365       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 366       "label":
 367        {
 368          "visualType": "TEXT",
 369          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 370          "verticalAlignment": "CENTER"
 371        },
 372       "unselectedVisual":
 373       {
 374         "visualType": "IMAGE",
 375         "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
 376       },
 377       "selectedVisual":
 378       {
 379         "visualType": "IMAGE",
 380         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
 381       },
 382       "disabledUnselectedVisual":
 383       {
 384         "visualType": "IMAGE",
 385         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
 386       },
 387       "disabledSelectedVisual":
 388       {
 389         "visualType": "IMAGE",
 390         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
 391       }
 392     },
 393     "RadioButton":
 394     {
 395       "styles":["Button"],
 396       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 397       "label":
 398        {
 399          "visualType": "TEXT",
 400          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 401          "verticalAlignment": "CENTER"
 402        },
 403       "unselectedVisual":
 404       {
 405         "visualType": "IMAGE",
 406         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
 407       },
 408       "selectedVisual":
 409       {
 410         "visualType": "IMAGE",
 411         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
 412       },
 413       "disabledUnselectedVisual":
 414       {
 415         "visualType": "IMAGE",
 416         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
 417       },
 418       "disabledSelectedVisual":
 419       {
 420         "visualType": "IMAGE",
 421         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
 422       }
 423     }
 424   }
 425 }