dali-toolkit/styles/720x1280/dali-toolkit-default-theme.json

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