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