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     "RadioButton":
  61     {
  62       "unselectedStateImage":"{DALI_IMAGE_DIR}radio-button-unselected.png",
  63       "selectedStateImage":"{DALI_IMAGE_DIR}radio-button-selected.png",
  64       "disabledUnselectedStateImage":"{DALI_IMAGE_DIR}radio-button-unselected-disabled.png",
  65       "disabledSelectedStateImage":"{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
  66     },
  67
  68     "TextField":
  69     {
  70       "pointSize":18,
  71       "primaryCursorColor":[0.0,0.72,0.9,1.0],
  72       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
  73       "cursorWidth":3,
  74       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
  75       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
  76       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
  77       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
  78     },
  79
  80     "TextFieldFontSize0":
  81     {
  82       "pointSize":10
  83     },
  84     "TextFieldFontSize1":
  85     {
  86       "pointSize":10
  87     },
  88     "TextFieldFontSize2":
  89     {
  90       "pointSize":10
  91     },
  92     "TextFieldFontSize3":
  93     {
  94       "pointSize":10
  95     },
  96     "TextFieldFontSize4":
  97     {
  98       "pointSize":10
  99     },
 100     "TextSelectionPopup":
 101     {
 102       "popupMaxSize":[656,72],
 103       "optionDividerSize":[2,0],
 104       "popupDividerColor":[0.23,0.72,0.8,0.11],
 105       "popupIconColor":[1.0,1.0,1.0,1.0],
 106       "popupPressedColor":[0.24,0.72,0.8,0.11],
 107       "background": {
 108         "visualType": "IMAGE",
 109         "url": "{DALI_IMAGE_DIR}selection-popup-bg.9.png"
 110         },
 111       "popupFadeInDuration":0.25,
 112       "popupFadeOutDuration":0.25
 113     },
 114     "TextSelectionPopupButton":
 115     {
 116       "label":
 117       {
 118         "visualType": "TEXT",
 119         "pointSize":8
 120       }
 121     },
 122     "TextSelectionToolbar":
 123     {
 124       "enableOvershoot":true,
 125       "scrollView":
 126       {
 127         "overshootAnimationSpeed":360.0,
 128         "overshootSize":[720.0,130.0]
 129       }
 130     },
 131     "ScrollView":
 132     {
 133       "overshootEffectColor":"B018",
 134       "overshootAnimationSpeed":360.0,
 135       "overshootSize":[720.0,130.0]
 136     },
 137     "ItemView":
 138     {
 139       "overshootEffectColor":"B018",
 140       "overshootAnimationSpeed":360.0,
 141       "overshootSize":[720.0,130.0]
 142     },
 143     "TextEditor":
 144     {
 145       "pointSize":18,
 146       "primaryCursorColor":[0.0,0.72,0.9,1.0],
 147       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
 148       "cursorWidth":3,
 149       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
 150       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
 151       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
 152       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
 153     },
 154     "Popup":
 155     {
 156       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 157       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 158       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 159       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 160       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 161       "popupBackgroundBorder":[17,17,13,13]
 162     },
 163     "ConfirmationPopup":
 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     "Slider":
 173     {
 174       "showPopup": true,
 175       "showValue": true,
 176       "valuePrecision": 0,
 177       "trackVisual":{
 178         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 179         "size":[27,27]
 180       },
 181       "progressVisual":{
 182         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 183         "size":[27,27]
 184       },
 185       "handleVisual":{
 186         "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
 187         "size":[72,72]
 188       },
 189       "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
 190       "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
 191       "disableColor":[0.5, 0.5, 0.5, 1.0],
 192       "popupTextColor":[0.5,0.5,0.5,1.0],
 193       "hitRegion":[0, 72],
 194       "marks":[],
 195       "snapToMarks":false,
 196       "markTolerance":0.05
 197     },
 198     "SliderHandleTextLabel":
 199     {
 200       "textColor":[0.8,0.8,1,1]
 201     },
 202     "ProgressBar":
 203     {
 204       "progressValue": 0,
 205       "trackVisual":{
 206         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 207         "size":[24,24]
 208       },
 209       "progressVisual":{
 210         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 211         "size":[24,24]
 212       }
 213     },
 214     "ProgressBarValueTextLabel":
 215     {
 216       "textColor":[0.8,0.8,1,1]
 217     },
 218     "Button":
 219     {
 220       "initialAutoRepeatingDelay":2.0,
 221       "nextAutoRepeatingDelay":0.9
 222       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
 223     },
 224     "PushButton":
 225     {
 226       "styles":["Button"],
 227       "autoRepeating":false,
 228       "togglable":false,
 229       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
 230       "label":
 231        {
 232          "visualType": "TEXT",
 233          "horizontalAlignment": "CENTER",
 234          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 235          "verticalAlignment": "CENTER"
 236        },
 237       "unselectedBackgroundVisual":
 238        {
 239          "visualType": "IMAGE",
 240          "url": "{DALI_IMAGE_DIR}button-up.9.png"
 241        },
 242        "selectedBackgroundVisual":
 243        {
 244          "visualType": "IMAGE",
 245          "url": "{DALI_IMAGE_DIR}button-down.9.png"
 246        },
 247        "disabledSelectedBackgroundVisual":
 248        {
 249          "visualType": "IMAGE",
 250          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
 251        },
 252        "disabledUnselectedBackgroundVisual":
 253        {
 254          "visualType": "IMAGE",
 255          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
 256        }
 257     },
 258     "CheckBoxButton":
 259     {
 260       "styles":["Button"],
 261       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 262       "label":
 263        {
 264          "visualType": "TEXT",
 265          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 266          "verticalAlignment": "CENTER"
 267        },
 268       "unselectedVisual":
 269       {
 270         "visualType": "IMAGE",
 271         "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
 272       },
 273       "selectedVisual":
 274       {
 275         "visualType": "IMAGE",
 276         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
 277       },
 278       "disabledUnselectedVisual":
 279       {
 280         "visualType": "IMAGE",
 281         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
 282       },
 283       "disabledSelectedVisual":
 284       {
 285         "visualType": "IMAGE",
 286         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
 287       }
 288     },
 289     "RadioButton":
 290     {
 291       "styles":["Button"],
 292       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 293       "label":
 294        {
 295          "visualType": "TEXT",
 296          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 297          "verticalAlignment": "CENTER"
 298        },
 299       "unselectedVisual":
 300       {
 301         "visualType": "IMAGE",
 302         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
 303       },
 304       "selectedVisual":
 305       {
 306         "visualType": "IMAGE",
 307         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
 308       },
 309       "disabledUnselectedVisual":
 310       {
 311         "visualType": "IMAGE",
 312         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
 313       },
 314       "disabledSelectedVisual":
 315       {
 316         "visualType": "IMAGE",
 317         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
 318       }
 319     }
 320   }
 321 }