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