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