dali-toolkit/styles/720x1280/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 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       "progressValue": 0,
 207       "trackVisual":{
 208         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 209         "size":[24,24]
 210       },
 211       "progressVisual":{
 212         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 213         "size":[24,24]
 214       }
 215     },
 216     "ProgressBarValueTextLabel":
 217     {
 218       "textColor":[0.8,0.8,1,1]
 219     },
 220     "Button":
 221     {
 222       "initialAutoRepeatingDelay":2.0,
 223       "nextAutoRepeatingDelay":0.9
 224       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
 225     },
 226     "PushButton":
 227     {
 228       "styles":["Button"],
 229       "autoRepeating":false,
 230       "togglable":false,
 231       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
 232       "label":
 233        {
 234          "visualType": "TEXT",
 235          "horizontalAlignment": "CENTER",
 236          "pointSize" : 12.0, // Point size must always be provided to Text Visual
 237          "verticalAlignment": "CENTER"
 238        },
 239       "unselectedBackgroundVisual":
 240        {
 241          "visualType": "IMAGE",
 242          "url": "{DALI_IMAGE_DIR}button-up.9.png"
 243        },
 244        "selectedBackgroundVisual":
 245        {
 246          "visualType": "IMAGE",
 247          "url": "{DALI_IMAGE_DIR}button-down.9.png"
 248        },
 249        "disabledSelectedBackgroundVisual":
 250        {
 251          "visualType": "IMAGE",
 252          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
 253        },
 254        "disabledUnselectedBackgroundVisual":
 255        {
 256          "visualType": "IMAGE",
 257          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
 258        }
 259     },
 260     "CheckBoxButton":
 261     {
 262       "styles":["Button"],
 263       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 264       "label":
 265        {
 266          "visualType": "TEXT",
 267          "pointSize" : 12.0, // Point size must always be provided to Text Visual
 268          "verticalAlignment": "CENTER"
 269        },
 270       "unselectedVisual":
 271       {
 272         "visualType": "IMAGE",
 273         "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
 274       },
 275       "selectedVisual":
 276       {
 277         "visualType": "IMAGE",
 278         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
 279       },
 280       "disabledUnselectedVisual":
 281       {
 282         "visualType": "IMAGE",
 283         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
 284       },
 285       "disabledSelectedVisual":
 286       {
 287         "visualType": "IMAGE",
 288         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
 289       }
 290     },
 291     "RadioButton":
 292     {
 293       "styles":["Button"],
 294       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 295       "label":
 296        {
 297          "visualType": "TEXT",
 298          "pointSize" : 12.0, // Point size must always be provided to Text Visual
 299          "verticalAlignment": "CENTER"
 300        },
 301       "unselectedVisual":
 302       {
 303         "visualType": "IMAGE",
 304         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
 305       },
 306       "selectedVisual":
 307       {
 308         "visualType": "IMAGE",
 309         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
 310       },
 311       "disabledUnselectedVisual":
 312       {
 313         "visualType": "IMAGE",
 314         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
 315       },
 316       "disabledSelectedVisual":
 317       {
 318         "visualType": "IMAGE",
 319         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
 320       }
 321     }
 322   }
 323 }