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       "enableSelection":true
  97     },
  98
  99     "TextFieldFontSize0":
 100     {
 101       "pointSize":10
 102     },
 103     "TextFieldFontSize1":
 104     {
 105       "pointSize":10
 106     },
 107     "TextFieldFontSize2":
 108     {
 109       "pointSize":10
 110     },
 111     "TextFieldFontSize3":
 112     {
 113       "pointSize":10
 114     },
 115     "TextFieldFontSize4":
 116     {
 117       "pointSize":10
 118     },
 119     "TextSelectionPopup":
 120     {
 121       "popupMaxSize":[400,100],
 122       "optionDividerSize":[2,0],
 123       "popupDividerColor":[0.23,0.72,0.8,0.11],
 124       "popupIconColor":[1.0,1.0,1.0,1.0],
 125       "popupPressedColor":[0.24,0.72,0.8,0.11],
 126       "background": {
 127         "visualType": "IMAGE",
 128         "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
 129         },
 130       "backgroundBorder": {
 131         "visualType": "IMAGE",
 132         "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
 133         "mixColor":[0.24,0.72,0.8,1.0]
 134         },
 135       "popupFadeInDuration":0.25,
 136       "popupFadeOutDuration":0.25
 137     },
 138     "TextSelectionPopupButton":
 139     {
 140       "label":
 141       {
 142         "visualType":"TEXT",
 143         "pointSize":8
 144       },
 145       "unselectedBackgroundVisual":
 146       {
 147         "visualType": "IMAGE",
 148         "url": ""
 149       },
 150       "selectedBackgroundVisual":
 151       {
 152         "visualType": "IMAGE",
 153         "url": ""
 154       }
 155     },
 156     "TextSelectionToolbar":
 157     {
 158       "enableOvershoot":true,
 159       "enableScrollBar":true,
 160       "scrollView":
 161       {
 162         "overshootAnimationSpeed":120.0,
 163         "overshootSize":[480.0,42.0]
 164       }
 165     },
 166     "TextSelectionScrollBar":
 167     {
 168       "indicatorShowDuration":0.25,
 169       "indicatorHideDuration":0.25,
 170       "indicatorTransientDuration":1.0
 171     },
 172     "TextSelectionScrollIndicator":
 173     {
 174       "image":
 175       {
 176         "visualType":"IMAGE",
 177         "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png" // designed for HD resolution
 178       },
 179       "color":[0.0,0.72,0.9,0.7],
 180       "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution
 181     },
 182     "ScrollView":
 183     {
 184       "overshootEffectColor":"B018",
 185       "overshootAnimationSpeed":120.0,
 186       "overshootSize":[480.0,42.0]
 187     },
 188     "ItemView":
 189     {
 190       "overshootEffectColor":"B018",
 191       "overshootAnimationSpeed":120.0,
 192       "overshootSize":[480.0,42.0]
 193     },
 194     "ScrollBar":
 195     {
 196       "indicatorShowDuration":0.25,
 197       "indicatorHideDuration":0.25
 198     },
 199     "ScrollBarIndicator":
 200     {
 201       "image":
 202       {
 203         "visualType":"IMAGE",
 204         "url":"{DALI_IMAGE_DIR}popup_scroll.9.png"
 205       }
 206     },
 207     "TextEditor":
 208     {
 209       "pointSize":18,
 210       "primaryCursorColor":[0.0,0.72,0.9,1.0],
 211       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
 212       "cursorWidth":1,
 213       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
 214       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
 215       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
 216       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
 217       "enableScrollBar":true,
 218       "scrollBarShowDuration":0.8,
 219       "scrollBarFadeDuration":0.5,
 220       "enableSelection":true
 221     },
 222     "Popup":
 223     {
 224       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 225       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 226       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 227       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 228       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 229       "popupBackgroundBorder":[17,17,13,13]
 230     },
 231     "ConfirmationPopup":
 232     {
 233       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 234       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 235       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 236       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 237       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 238       "popupBackgroundBorder":[17,17,13,13]
 239     },
 240     "Slider":
 241     {
 242       "showPopup": true,
 243       "showValue": true,
 244       "valuePrecision": 0,
 245       "trackVisual":{
 246         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 247         "size":[27,27]
 248       },
 249       "progressVisual":{
 250         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 251         "size":[27,27]
 252       },
 253       "handleVisual":{
 254         "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
 255         "size":[72,72]
 256       },
 257       "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
 258       "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
 259       "disableColor":[0.5, 0.5, 0.5, 1.0],
 260       "popupTextColor":[0.5,0.5,0.5,1.0],
 261       "hitRegion":[0, 72],
 262       "marks":[],
 263       "snapToMarks":false,
 264       "markTolerance":0.05
 265     },
 266     "SliderHandleTextLabel":
 267     {
 268       "textColor":[0.8,0.8,1,1]
 269     },
 270     "ProgressBar":
 271     {
 272       "trackVisual":{
 273         "visualType":"IMAGE",
 274         "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
 275       },
 276       "progressVisual":{
 277         "visualType":"IMAGE",
 278         "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
 279       },
 280       "secondaryProgressVisual":{
 281         "visualType":"IMAGE",
 282         "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
 283       },
 284       "indeterminateVisual":{
 285         "visualType":"IMAGE",
 286         "pixelArea":[0.0, 0.0, 10.0, 1.0],
 287         "wrapModeU":"REPEAT",
 288         "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
 289       },
 290       "indeterminateVisualAnimation":
 291       [
 292         {
 293           "target":"indeterminateVisual",
 294           "property":"pixelArea",
 295           "initialValue":[0.0, 0.0, 10.0, 1.0],
 296           "targetValue":[-1.0, 0.0, 10.0, 1.0],
 297           "animator":
 298           {
 299             "alphaFunction":"DEFAULT",
 300             "timePeriod":
 301             {
 302               "duration":0.8,
 303               "delay":0
 304             }
 305           }
 306         }
 307       ],
 308       "labelVisual":{
 309         "visualType": "TEXT",
 310         "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
 311         "pointSize" : 12.0, // Point size must always be provided to Text Visual
 312         "horizontalAlignment": "CENTER",
 313         "verticalAlignment": "CENTER"
 314       },
 315       "progressValue": 0.0,
 316       "secondaryProgressValue":0.0,
 317       "indeterminate": false
 318     },
 319     "Button":
 320     {
 321       "styles":["Tooltip"],
 322       "initialAutoRepeatingDelay":2.0,
 323       "nextAutoRepeatingDelay":0.9
 324       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
 325     },
 326     "PushButton":
 327     {
 328       "styles":["Button"],
 329       "autoRepeating":false,
 330       "togglable":false,
 331       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
 332       "label":
 333        {
 334          "visualType": "TEXT",
 335          "horizontalAlignment": "CENTER",
 336          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 337          "verticalAlignment": "CENTER"
 338        },
 339       "unselectedBackgroundVisual":
 340        {
 341          "visualType": "IMAGE",
 342          "url": "{DALI_IMAGE_DIR}button-up.9.png"
 343        },
 344        "selectedBackgroundVisual":
 345        {
 346          "visualType": "IMAGE",
 347          "url": "{DALI_IMAGE_DIR}button-down.9.png"
 348        },
 349        "disabledSelectedBackgroundVisual":
 350        {
 351          "visualType": "IMAGE",
 352          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
 353        },
 354        "disabledUnselectedBackgroundVisual":
 355        {
 356          "visualType": "IMAGE",
 357          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
 358        }
 359     },
 360     "ToggleButton":
 361     {
 362       "styles":["Button"]
 363     },
 364     "CheckBoxButton":
 365     {
 366       "styles":["Button"],
 367       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 368       "label":
 369        {
 370          "visualType": "TEXT",
 371          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 372          "verticalAlignment": "CENTER"
 373        },
 374       "unselectedVisual":
 375       {
 376         "visualType": "IMAGE",
 377         "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
 378       },
 379       "selectedVisual":
 380       {
 381         "visualType": "IMAGE",
 382         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
 383       },
 384       "disabledUnselectedVisual":
 385       {
 386         "visualType": "IMAGE",
 387         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
 388       },
 389       "disabledSelectedVisual":
 390       {
 391         "visualType": "IMAGE",
 392         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
 393       }
 394     },
 395     "RadioButton":
 396     {
 397       "styles":["Button"],
 398       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 399       "label":
 400        {
 401          "visualType": "TEXT",
 402          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 403          "verticalAlignment": "CENTER"
 404        },
 405       "unselectedVisual":
 406       {
 407         "visualType": "IMAGE",
 408         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
 409       },
 410       "selectedVisual":
 411       {
 412         "visualType": "IMAGE",
 413         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
 414       },
 415       "disabledUnselectedVisual":
 416       {
 417         "visualType": "IMAGE",
 418         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
 419       },
 420       "disabledSelectedVisual":
 421       {
 422         "visualType": "IMAGE",
 423         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
 424       }
 425     }
 426   }
 427 }