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       "labelStrutLength":12
 215       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
 216     },
 217     "PushButton":
 218     {
 219       "styles":["Button"],
 220       "autoRepeating":false,
 221       "togglable":false,
 222       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
 223       "unselectedBackgroundVisual":
 224        {
 225          "visualType": "IMAGE",
 226          "url": "{DALI_IMAGE_DIR}button-up.9.png"
 227        },
 228        "selectedBackgroundVisual":
 229        {
 230          "visualType": "IMAGE",
 231          "url": "{DALI_IMAGE_DIR}button-down.9.png"
 232        },
 233        "disabledSelectedBackgroundVisual":
 234        {
 235          "visualType": "IMAGE",
 236          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
 237        },
 238        "disabledUnselectedBackgroundVisual":
 239        {
 240          "visualType": "IMAGE",
 241          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
 242        }
 243     },
 244     "CheckBoxButton":
 245     {
 246       "styles":["Button"],
 247       "unselectedVisual":
 248       {
 249         "visualType": "IMAGE",
 250         "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
 251       },
 252       "selectedVisual":
 253       {
 254         "visualType": "IMAGE",
 255         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
 256       },
 257       "disabledUnselectedVisual":
 258       {
 259         "visualType": "IMAGE",
 260         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
 261       },
 262       "disabledSelectedVisual":
 263       {
 264         "visualType": "IMAGE",
 265         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
 266       }
 267     },
 268     "RadioButton":
 269     {
 270       "styles":["Button"],
 271       "unselectedVisual":
 272       {
 273         "visualType": "IMAGE",
 274         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
 275       },
 276       "selectedVisual":
 277       {
 278         "visualType": "IMAGE",
 279         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
 280       },
 281       "disabledUnselectedVisual":
 282       {
 283         "visualType": "IMAGE",
 284         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
 285       },
 286       "disabledSelectedVisual":
 287       {
 288         "visualType": "IMAGE",
 289         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
 290       }
 291     }
 292   }
 293 }