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