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   "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":1,
  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":[400,100],
  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     },
 114     "TextSelectionToolbar":
 115     {
 116       "enableOvershoot":true,
 117       "scrollView":
 118       {
 119         "overshootAnimationSpeed":120.0,
 120         "overshootSize":[480.0,42.0]
 121       }
 122     },
 123     "ScrollView":
 124     {
 125       "overshootEffectColor":"B018",
 126       "overshootAnimationSpeed":120.0,
 127       "overshootSize":[480.0,42.0]
 128     },
 129     "ItemView":
 130     {
 131       "overshootEffectColor":"B018",
 132       "overshootAnimationSpeed":120.0,
 133       "overshootSize":[480.0,42.0]
 134     },
 135     "TextEditor":
 136     {
 137       "pointSize":18,
 138       "primaryCursorColor":[0.0,0.72,0.9,1.0],
 139       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
 140       "cursorWidth":1,
 141       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
 142       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
 143       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
 144       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
 145     },
 146     "Popup":
 147     {
 148       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 149       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 150       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 151       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 152       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 153       "popupBackgroundBorder":[17,17,13,13]
 154     },
 155     "ConfirmationPopup":
 156     {
 157       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 158       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 159       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 160       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 161       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 162       "popupBackgroundBorder":[17,17,13,13]
 163     },
 164     "Slider":
 165     {
 166       "showPopup": true,
 167       "showValue": true,
 168       "valuePrecision": 0,
 169       "trackVisual":{
 170         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 171         "size":[27,27]
 172       },
 173       "progressVisual":{
 174         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 175         "size":[27,27]
 176       },
 177       "handleVisual":{
 178         "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
 179         "size":[72,72]
 180       },
 181       "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
 182       "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
 183       "disableColor":[0.5, 0.5, 0.5, 1.0],
 184       "popupTextColor":[0.5,0.5,0.5,1.0],
 185       "hitRegion":[0, 72],
 186       "marks":[],
 187       "snapToMarks":false,
 188       "markTolerance":0.05
 189     },
 190     "SliderHandleTextLabel":
 191     {
 192       "textColor":[0.8,0.8,1,1]
 193     },
 194     "ProgressBar":
 195     {
 196       "progressValue": 0,
 197       "trackVisual":{
 198         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 199         "size":[24,24]
 200       },
 201       "progressVisual":{
 202         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 203         "size":[24,24]
 204       }
 205     },
 206     "ProgressBarValueTextLabel":
 207     {
 208       "textColor":[0.8,0.8,1,1]
 209     },
 210     "Button":
 211     {
 212       "initialAutoRepeatingDelay":2.0,
 213       "nextAutoRepeatingDelay":0.9
 214       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
 215     },
 216     "PushButton":
 217     {
 218       "styles":["Button"],
 219       "autoRepeating":false,
 220       "togglable":false,
 221       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
 222       "label":
 223        {
 224          "visualType": "TEXT",
 225          "horizontalAlignment": "CENTER",
 226          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 227          "verticalAlignment": "CENTER"
 228        },
 229       "unselectedBackgroundVisual":
 230        {
 231          "visualType": "IMAGE",
 232          "url": "{DALI_IMAGE_DIR}button-up.9.png"
 233        },
 234        "selectedBackgroundVisual":
 235        {
 236          "visualType": "IMAGE",
 237          "url": "{DALI_IMAGE_DIR}button-down.9.png"
 238        },
 239        "disabledSelectedBackgroundVisual":
 240        {
 241          "visualType": "IMAGE",
 242          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
 243        },
 244        "disabledUnselectedBackgroundVisual":
 245        {
 246          "visualType": "IMAGE",
 247          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
 248        }
 249     },
 250     "CheckBoxButton":
 251     {
 252       "styles":["Button"],
 253       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 254       "label":
 255        {
 256          "visualType": "TEXT",
 257          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 258          "verticalAlignment": "CENTER"
 259        },
 260       "unselectedVisual":
 261       {
 262         "visualType": "IMAGE",
 263         "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
 264       },
 265       "selectedVisual":
 266       {
 267         "visualType": "IMAGE",
 268         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
 269       },
 270       "disabledUnselectedVisual":
 271       {
 272         "visualType": "IMAGE",
 273         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
 274       },
 275       "disabledSelectedVisual":
 276       {
 277         "visualType": "IMAGE",
 278         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
 279       }
 280     },
 281     "RadioButton":
 282     {
 283       "styles":["Button"],
 284       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 285       "label":
 286        {
 287          "visualType": "TEXT",
 288          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 289          "verticalAlignment": "CENTER"
 290        },
 291       "unselectedVisual":
 292       {
 293         "visualType": "IMAGE",
 294         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
 295       },
 296       "selectedVisual":
 297       {
 298         "visualType": "IMAGE",
 299         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
 300       },
 301       "disabledUnselectedVisual":
 302       {
 303         "visualType": "IMAGE",
 304         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
 305       },
 306       "disabledSelectedVisual":
 307       {
 308         "visualType": "IMAGE",
 309         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
 310       }
 311     }
 312   }
 313 }