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     "Tooltip":
  32     {
  33       "tooltip":
  34       {
  35         "content":
  36         {
  37           "pointSize":12
  38         },
  39         "waitTime":0.5,
  40         "background":
  41         {
  42           "visual":"{DALI_IMAGE_DIR}tooltip.9.png",
  43           "border":[1,5,5,1]
  44         },
  45         "tail":
  46         {
  47           "visibility":false,
  48           "aboveVisual":"{DALI_IMAGE_DIR}tooltip-tail-above.png",
  49           "belowVisual":"{DALI_IMAGE_DIR}tooltip-tail-below.png"
  50         },
  51         "position":"BELOW",
  52         "hoverPointOffset":[10,10],
  53         "movementThreshold":5,
  54         "disappearOnMovement":false
  55       }
  56     },
  57     "TextLabel":
  58     {
  59       "pointSize":18,
  60       "enableAutoScroll":false,
  61       "autoScrollLoopCount":2,
  62       "autoScrollGap":50,
  63       "autoScrollSpeed":80
  64     },
  65
  66     "TextLabelFontSize0":
  67     {
  68       "pointSize":8
  69     },
  70     "TextLabelFontSize1":
  71     {
  72       "pointSize":10
  73     },
  74     "TextLabelFontSize2":
  75     {
  76       "pointSize":15
  77     },
  78     "TextLabelFontSize3":
  79     {
  80       "pointSize":19
  81     },
  82     "TextLabelFontSize4":
  83     {
  84       "pointSize":25
  85     },
  86     "TextField":
  87     {
  88       "pointSize":18,
  89       "primaryCursorColor":[0.0,0.72,0.9,1.0],
  90       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
  91       "cursorWidth":1,
  92       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
  93       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
  94       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
  95       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
  96     },
  97
  98     "TextFieldFontSize0":
  99     {
 100       "pointSize":10
 101     },
 102     "TextFieldFontSize1":
 103     {
 104       "pointSize":10
 105     },
 106     "TextFieldFontSize2":
 107     {
 108       "pointSize":10
 109     },
 110     "TextFieldFontSize3":
 111     {
 112       "pointSize":10
 113     },
 114     "TextFieldFontSize4":
 115     {
 116       "pointSize":10
 117     },
 118     "TextSelectionPopup":
 119     {
 120       "popupMaxSize":[400,100],
 121       "optionDividerSize":[2,0],
 122       "popupDividerColor":[0.23,0.72,0.8,0.11],
 123       "popupIconColor":[1.0,1.0,1.0,1.0],
 124       "popupPressedColor":[0.24,0.72,0.8,0.11],
 125       "background": {
 126         "visualType": "IMAGE",
 127         "url": "{DALI_IMAGE_DIR}selection-popup-bg.9.png"
 128         },
 129       "popupFadeInDuration":0.25,
 130       "popupFadeOutDuration":0.25
 131     },
 132     "TextSelectionPopupButton":
 133     {
 134       "label":
 135       {
 136         "visualType":"TEXT",
 137         "pointSize":8
 138       },
 139       "unselectedBackgroundVisual":
 140       {
 141         "visualType": "IMAGE",
 142         "url": ""
 143       },
 144       "selectedBackgroundVisual":
 145       {
 146         "visualType": "IMAGE",
 147         "url": ""
 148       }
 149     },
 150     "TextSelectionToolbar":
 151     {
 152       "enableOvershoot":true,
 153       "scrollView":
 154       {
 155         "overshootAnimationSpeed":120.0,
 156         "overshootSize":[480.0,42.0]
 157       }
 158     },
 159     "ScrollView":
 160     {
 161       "overshootEffectColor":"B018",
 162       "overshootAnimationSpeed":120.0,
 163       "overshootSize":[480.0,42.0]
 164     },
 165     "ItemView":
 166     {
 167       "overshootEffectColor":"B018",
 168       "overshootAnimationSpeed":120.0,
 169       "overshootSize":[480.0,42.0]
 170     },
 171     "TextEditor":
 172     {
 173       "pointSize":18,
 174       "primaryCursorColor":[0.0,0.72,0.9,1.0],
 175       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
 176       "cursorWidth":1,
 177       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
 178       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
 179       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
 180       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
 181     },
 182     "Popup":
 183     {
 184       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 185       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 186       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 187       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 188       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 189       "popupBackgroundBorder":[17,17,13,13]
 190     },
 191     "ConfirmationPopup":
 192     {
 193       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 194       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 195       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 196       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 197       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 198       "popupBackgroundBorder":[17,17,13,13]
 199     },
 200     "Slider":
 201     {
 202       "showPopup": true,
 203       "showValue": true,
 204       "valuePrecision": 0,
 205       "trackVisual":{
 206         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 207         "size":[27,27]
 208       },
 209       "progressVisual":{
 210         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 211         "size":[27,27]
 212       },
 213       "handleVisual":{
 214         "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
 215         "size":[72,72]
 216       },
 217       "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
 218       "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
 219       "disableColor":[0.5, 0.5, 0.5, 1.0],
 220       "popupTextColor":[0.5,0.5,0.5,1.0],
 221       "hitRegion":[0, 72],
 222       "marks":[],
 223       "snapToMarks":false,
 224       "markTolerance":0.05
 225     },
 226     "SliderHandleTextLabel":
 227     {
 228       "textColor":[0.8,0.8,1,1]
 229     },
 230     "ProgressBar":
 231     {
 232       "progressValue": 0,
 233       "trackVisual":{
 234         "url":"{DALI_IMAGE_DIR}progress-skin.9.png",
 235         "size":[24,24]
 236       },
 237       "progressVisual":{
 238         "url":"{DALI_IMAGE_DIR}progress-skin-progress.9.png",
 239         "size":[24,24]
 240       }
 241     },
 242     "ProgressBarValueTextLabel":
 243     {
 244       "textColor":[0.8,0.8,1,1]
 245     },
 246     "Button":
 247     {
 248       "styles":["Tooltip"],
 249       "initialAutoRepeatingDelay":2.0,
 250       "nextAutoRepeatingDelay":0.9
 251       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
 252     },
 253     "PushButton":
 254     {
 255       "styles":["Button"],
 256       "autoRepeating":false,
 257       "togglable":false,
 258       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
 259       "label":
 260        {
 261          "visualType": "TEXT",
 262          "horizontalAlignment": "CENTER",
 263          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 264          "verticalAlignment": "CENTER"
 265        },
 266       "unselectedBackgroundVisual":
 267        {
 268          "visualType": "IMAGE",
 269          "url": "{DALI_IMAGE_DIR}button-up.9.png"
 270        },
 271        "selectedBackgroundVisual":
 272        {
 273          "visualType": "IMAGE",
 274          "url": "{DALI_IMAGE_DIR}button-down.9.png"
 275        },
 276        "disabledSelectedBackgroundVisual":
 277        {
 278          "visualType": "IMAGE",
 279          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
 280        },
 281        "disabledUnselectedBackgroundVisual":
 282        {
 283          "visualType": "IMAGE",
 284          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
 285        }
 286     },
 287     "ToggleButton":
 288     {
 289       "styles":["Button"]
 290     },
 291     "CheckBoxButton":
 292     {
 293       "styles":["Button"],
 294       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 295       "label":
 296        {
 297          "visualType": "TEXT",
 298          "pointSize" : 15.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}checkbox-unselected.png"
 305       },
 306       "selectedVisual":
 307       {
 308         "visualType": "IMAGE",
 309         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
 310       },
 311       "disabledUnselectedVisual":
 312       {
 313         "visualType": "IMAGE",
 314         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
 315       },
 316       "disabledSelectedVisual":
 317       {
 318         "visualType": "IMAGE",
 319         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
 320       }
 321     },
 322     "RadioButton":
 323     {
 324       "styles":["Button"],
 325       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 326       "label":
 327        {
 328          "visualType": "TEXT",
 329          "pointSize" : 15.0, // Point size must always be provided to Text Visual
 330          "verticalAlignment": "CENTER"
 331        },
 332       "unselectedVisual":
 333       {
 334         "visualType": "IMAGE",
 335         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
 336       },
 337       "selectedVisual":
 338       {
 339         "visualType": "IMAGE",
 340         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
 341       },
 342       "disabledUnselectedVisual":
 343       {
 344         "visualType": "IMAGE",
 345         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
 346       },
 347       "disabledSelectedVisual":
 348       {
 349         "visualType": "IMAGE",
 350         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
 351       }
 352     }
 353   }
 354 }