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       "scrollView":
 128       {
 129         "overshootAnimationSpeed":360.0,
 130         "overshootSize":[720.0,130.0]
 131       }
 132     },
 133     "ScrollView":
 134     {
 135       "overshootEffectColor":"B018",
 136       "overshootAnimationSpeed":360.0,
 137       "overshootSize":[720.0,130.0]
 138     },
 139     "ItemView":
 140     {
 141       "overshootEffectColor":"B018",
 142       "overshootAnimationSpeed":360.0,
 143       "overshootSize":[720.0,130.0]
 144     },
 145     "TextEditor":
 146     {
 147       "pointSize":18,
 148       "primaryCursorColor":[0.0,0.72,0.9,1.0],
 149       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
 150       "cursorWidth":3,
 151       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
 152       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
 153       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
 154       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
 155     },
 156     "Popup":
 157     {
 158       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 159       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 160       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 161       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 162       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 163       "popupBackgroundBorder":[17,17,13,13]
 164     },
 165     "ConfirmationPopup":
 166     {
 167       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 168       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 169       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 170       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 171       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 172       "popupBackgroundBorder":[17,17,13,13]
 173     },
 174     "Slider":
 175     {
 176       "showPopup": true,
 177       "showValue": true,
 178       "valuePrecision": 0,
 179       "trackVisual":{
 180         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 181         "size":[27,27]
 182       },
 183       "progressVisual":{
 184         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 185         "size":[27,27]
 186       },
 187       "handleVisual":{
 188         "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
 189         "size":[72,72]
 190       },
 191       "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
 192       "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
 193       "disableColor":[0.5, 0.5, 0.5, 1.0],
 194       "popupTextColor":[0.5,0.5,0.5,1.0],
 195       "hitRegion":[0, 72],
 196       "marks":[],
 197       "snapToMarks":false,
 198       "markTolerance":0.05
 199     },
 200     "SliderHandleTextLabel":
 201     {
 202       "textColor":[0.8,0.8,1,1]
 203     },
 204     "ProgressBar":
 205     {
 206       "trackVisual":{
 207         "visualType":"IMAGE",
 208         "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
 209       },
 210       "progressVisual":{
 211         "visualType":"IMAGE",
 212         "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
 213       },
 214       "secondaryProgressVisual":{
 215         "visualType":"IMAGE",
 216         "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
 217       },
 218       "indeterminateVisual":{
 219         "visualType":"IMAGE",
 220         "pixelArea":[0.0, 0.0, 10.0, 1.0],
 221         "wrapModeU":"REPEAT",
 222         "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
 223       },
 224       "indeterminateVisualAnimation":
 225       [
 226         {
 227           "target":"indeterminateVisual",
 228           "property":"pixelArea",
 229           "initialValue":[0.0, 0.0, 10.0, 1.0],
 230           "targetValue":[-1.0, 0.0, 10.0, 1.0],
 231           "animator":
 232           {
 233             "alphaFunction":"DEFAULT",
 234             "timePeriod":
 235             {
 236               "duration":0.8,
 237               "delay":0
 238             }
 239           }
 240         }
 241       ],
 242       "labelVisual":{
 243         "visualType": "TEXT",
 244         "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
 245         "pointSize" : 12.0, // Point size must always be provided to Text Visual
 246         "horizontalAlignment": "CENTER",
 247         "verticalAlignment": "CENTER"
 248       },
 249       "progressValue": 0.0,
 250       "secondaryProgressValue":0.0,
 251       "indeterminate": false
 252     },
 253     "Button":
 254     {
 255       "initialAutoRepeatingDelay":2.0,
 256       "nextAutoRepeatingDelay":0.9
 257       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
 258     },
 259     "PushButton":
 260     {
 261       "styles":["Button"],
 262       "autoRepeating":false,
 263       "togglable":false,
 264       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
 265       "label":
 266        {
 267          "visualType": "TEXT",
 268          "horizontalAlignment": "CENTER",
 269          "pointSize" : 10.0, // Point size must always be provided to Text Visual
 270          "verticalAlignment": "CENTER"
 271        },
 272       "unselectedBackgroundVisual":
 273        {
 274          "visualType": "IMAGE",
 275          "url": "{DALI_IMAGE_DIR}button-up.9.png"
 276        },
 277        "selectedBackgroundVisual":
 278        {
 279          "visualType": "IMAGE",
 280          "url": "{DALI_IMAGE_DIR}button-down.9.png"
 281        },
 282        "disabledSelectedBackgroundVisual":
 283        {
 284          "visualType": "IMAGE",
 285          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
 286        },
 287        "disabledUnselectedBackgroundVisual":
 288        {
 289          "visualType": "IMAGE",
 290          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
 291        }
 292     },
 293     "CheckBoxButton":
 294     {
 295       "styles":["Button"],
 296       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 297       "label":
 298        {
 299          "visualType": "TEXT",
 300          "pointSize" : 10.0, // Point size must always be provided to Text Visual
 301          "verticalAlignment": "CENTER"
 302        },
 303       "unselectedVisual":
 304       {
 305         "visualType": "IMAGE",
 306         "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
 307       },
 308       "selectedVisual":
 309       {
 310         "visualType": "IMAGE",
 311         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
 312       },
 313       "disabledUnselectedVisual":
 314       {
 315         "visualType": "IMAGE",
 316         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
 317       },
 318       "disabledSelectedVisual":
 319       {
 320         "visualType": "IMAGE",
 321         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
 322       }
 323     },
 324     "RadioButton":
 325     {
 326       "styles":["Button"],
 327       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 328       "label":
 329        {
 330          "visualType": "TEXT",
 331          "pointSize" : 10.0, // Point size must always be provided to Text Visual
 332          "verticalAlignment": "CENTER"
 333        },
 334       "unselectedVisual":
 335       {
 336         "visualType": "IMAGE",
 337         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
 338       },
 339       "selectedVisual":
 340       {
 341         "visualType": "IMAGE",
 342         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
 343       },
 344       "disabledUnselectedVisual":
 345       {
 346         "visualType": "IMAGE",
 347         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
 348       },
 349       "disabledSelectedVisual":
 350       {
 351         "visualType": "IMAGE",
 352         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
 353       }
 354     }
 355   }
 356 }