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