dali-toolkit/styles/720x1280/dali-toolkit-default-theme.json

   1 /*
   2  * Copyright (c) 2017 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   "config":
  30   {
  31     "brokenImageUrl":"{DALI_IMAGE_DIR}broken.png",
  32     "alwaysShowFocus":false,
  33     "clearFocusOnEscape":true
  34   },
  35   "styles":
  36   {
  37     "TextLabel":
  38     {
  39       "pointSize":18,
  40       "enableAutoScroll":false,
  41       "autoScrollLoopCount":2,
  42       "autoScrollGap":50,
  43       "autoScrollSpeed":80
  44     },
  45
  46     "TextLabelFontSize0":
  47     {
  48       "pointSize":8
  49     },
  50     "TextLabelFontSize1":
  51     {
  52       "pointSize":10
  53     },
  54     "TextLabelFontSize2":
  55     {
  56       "pointSize":15
  57     },
  58     "TextLabelFontSize3":
  59     {
  60       "pointSize":19
  61     },
  62     "TextLabelFontSize4":
  63     {
  64       "pointSize":25
  65     },
  66     "TextField":
  67     {
  68       "pointSize":18,
  69       "primaryCursorColor":[0.0,0.72,0.9,1.0],
  70       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
  71       "cursorWidth":3,
  72       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
  73       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
  74       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
  75       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
  76       "enableSelection":true
  77     },
  78
  79     "TextFieldFontSize0":
  80     {
  81       "pointSize":10
  82     },
  83     "TextFieldFontSize1":
  84     {
  85       "pointSize":10
  86     },
  87     "TextFieldFontSize2":
  88     {
  89       "pointSize":10
  90     },
  91     "TextFieldFontSize3":
  92     {
  93       "pointSize":10
  94     },
  95     "TextFieldFontSize4":
  96     {
  97       "pointSize":10
  98     },
  99     "TextSelectionPopup":
 100     {
 101       "popupMaxSize":[656,72],
 102       "optionDividerSize":[2,0],
 103       "popupDividerColor":[0.23,0.72,0.8,0.11],
 104       "popupIconColor":[1.0,1.0,1.0,1.0],
 105       "popupPressedColor":[0.24,0.72,0.8,0.11],
 106       "background": {
 107         "visualType": "IMAGE",
 108         "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
 109         },
 110       "backgroundBorder": {
 111         "visualType": "IMAGE",
 112         "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
 113         "mixColor":[0.24,0.72,0.8,1.0]
 114         },
 115       "popupFadeInDuration":0.25,
 116       "popupFadeOutDuration":0.25
 117     },
 118     "TextSelectionPopupButton":
 119     {
 120       "label":
 121       {
 122         "visualType":"TEXT",
 123         "pointSize":8
 124       },
 125       "unselectedBackgroundVisual":
 126       {
 127         "visualType": "IMAGE",
 128         "url": ""
 129       },
 130       "selectedBackgroundVisual":
 131       {
 132         "visualType": "IMAGE",
 133         "url": ""
 134       }
 135     },
 136     "TextSelectionToolbar":
 137     {
 138       "enableOvershoot":true,
 139       "enableScrollBar":true,
 140       "scrollView":
 141       {
 142         "overshootAnimationSpeed":360.0,
 143         "overshootSize":[720.0,130.0]
 144       }
 145     },
 146     "TextSelectionScrollBar":
 147     {
 148       "indicatorShowDuration":0.25,
 149       "indicatorHideDuration":0.25,
 150       "indicatorTransientDuration":1.0
 151     },
 152     "TextSelectionScrollIndicator":
 153     {
 154       "image":
 155       {
 156         "visualType":"IMAGE",
 157         "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png"
 158       },
 159       "color":[0.0,0.72,0.9,0.7]
 160     },
 161     "ScrollView":
 162     {
 163       "overshootEffectColor":"B018",
 164       "overshootAnimationSpeed":360.0,
 165       "overshootSize":[720.0,130.0]
 166     },
 167     "ItemView":
 168     {
 169       "overshootEffectColor":"B018",
 170       "overshootAnimationSpeed":360.0,
 171       "overshootSize":[720.0,130.0]
 172     },
 173     "ScrollBar":
 174     {
 175       "indicatorShowDuration":0.25,
 176       "indicatorHideDuration":0.25,
 177       "color":[0.0,0.72,0.9,0.7]
 178     },
 179     "TextEditor":
 180     {
 181       "pointSize":18,
 182       "primaryCursorColor":[0.0,0.72,0.9,1.0],
 183       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
 184       "cursorWidth":3,
 185       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
 186       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
 187       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
 188       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
 189       "enableScrollBar":true,
 190       "scrollBarShowDuration":0.8,
 191       "scrollBarFadeDuration":0.5,
 192       "enableSelection":true
 193     },
 194     "Popup":
 195     {
 196       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 197       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 198       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 199       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 200       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 201       "popupBackgroundBorder":[17,17,13,13]
 202     },
 203     "ConfirmationPopup":
 204     {
 205       "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
 206       "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
 207       "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
 208       "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
 209       "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
 210       "popupBackgroundBorder":[17,17,13,13]
 211     },
 212     "Slider":
 213     {
 214       "showPopup": true,
 215       "showValue": true,
 216       "valuePrecision": 0,
 217       "trackVisual":{
 218         "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
 219         "size":[27,27]
 220       },
 221       "progressVisual":{
 222         "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
 223         "size":[27,27]
 224       },
 225       "handleVisual":{
 226         "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
 227         "size":[72,72]
 228       },
 229       "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
 230       "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
 231       "disableColor":[0.5, 0.5, 0.5, 1.0],
 232       "popupTextColor":[0.5,0.5,0.5,1.0],
 233       "hitRegion":[0, 72],
 234       "marks":[],
 235       "snapToMarks":false,
 236       "markTolerance":0.05
 237     },
 238     "SliderHandleTextLabel":
 239     {
 240       "textColor":[0.8,0.8,1,1]
 241     },
 242     "ProgressBar":
 243     {
 244       "trackVisual":{
 245         "visualType":"IMAGE",
 246         "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
 247       },
 248       "progressVisual":{
 249         "visualType":"IMAGE",
 250         "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
 251       },
 252       "secondaryProgressVisual":{
 253         "visualType":"IMAGE",
 254         "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
 255       },
 256       "indeterminateVisual":{
 257         "visualType":"IMAGE",
 258         "pixelArea":[0.0, 0.0, 10.0, 1.0],
 259         "wrapModeU":"REPEAT",
 260         "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
 261       },
 262       "indeterminateVisualAnimation":
 263       [
 264         {
 265           "target":"indeterminateVisual",
 266           "property":"pixelArea",
 267           "initialValue":[0.0, 0.0, 10.0, 1.0],
 268           "targetValue":[-1.0, 0.0, 10.0, 1.0],
 269           "animator":
 270           {
 271             "alphaFunction":"DEFAULT",
 272             "timePeriod":
 273             {
 274               "duration":0.8,
 275               "delay":0
 276             }
 277           }
 278         }
 279       ],
 280       "labelVisual":{
 281         "visualType": "TEXT",
 282         "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
 283         "pointSize" : 12.0, // Point size must always be provided to Text Visual
 284         "horizontalAlignment": "CENTER",
 285         "verticalAlignment": "CENTER"
 286       },
 287       "progressValue": 0.0,
 288       "secondaryProgressValue":0.0,
 289       "indeterminate": false
 290     },
 291     "Button":
 292     {
 293       "initialAutoRepeatingDelay":2.0,
 294       "nextAutoRepeatingDelay":0.9
 295       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
 296     },
 297     "PushButton":
 298     {
 299       "styles":["Button"],
 300       "autoRepeating":false,
 301       "togglable":false,
 302       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
 303       "label":
 304        {
 305          "visualType": "TEXT",
 306          "horizontalAlignment": "CENTER",
 307          "pointSize" : 10.0, // Point size must always be provided to Text Visual
 308          "verticalAlignment": "CENTER"
 309        },
 310       "unselectedBackgroundVisual":
 311        {
 312          "visualType": "IMAGE",
 313          "url": "{DALI_IMAGE_DIR}button-up.9.png"
 314        },
 315        "selectedBackgroundVisual":
 316        {
 317          "visualType": "IMAGE",
 318          "url": "{DALI_IMAGE_DIR}button-down.9.png"
 319        },
 320        "disabledSelectedBackgroundVisual":
 321        {
 322          "visualType": "IMAGE",
 323          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
 324        },
 325        "disabledUnselectedBackgroundVisual":
 326        {
 327          "visualType": "IMAGE",
 328          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
 329        }
 330     },
 331     "CheckBoxButton":
 332     {
 333       "styles":["Button"],
 334       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 335       "label":
 336        {
 337          "visualType": "TEXT",
 338          "pointSize" : 10.0, // Point size must always be provided to Text Visual
 339          "verticalAlignment": "CENTER"
 340        },
 341       "unselectedVisual":
 342       {
 343         "visualType": "IMAGE",
 344         "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
 345       },
 346       "selectedVisual":
 347       {
 348         "visualType": "IMAGE",
 349         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
 350       },
 351       "disabledUnselectedVisual":
 352       {
 353         "visualType": "IMAGE",
 354         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
 355       },
 356       "disabledSelectedVisual":
 357       {
 358         "visualType": "IMAGE",
 359         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
 360       }
 361     },
 362     "RadioButton":
 363     {
 364       "styles":["Button"],
 365       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
 366       "label":
 367        {
 368          "visualType": "TEXT",
 369          "pointSize" : 10.0, // Point size must always be provided to Text Visual
 370          "verticalAlignment": "CENTER"
 371        },
 372       "unselectedVisual":
 373       {
 374         "visualType": "IMAGE",
 375         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
 376       },
 377       "selectedVisual":
 378       {
 379         "visualType": "IMAGE",
 380         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
 381       },
 382       "disabledUnselectedVisual":
 383       {
 384         "visualType": "IMAGE",
 385         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
 386       },
 387       "disabledSelectedVisual":
 388       {
 389         "visualType": "IMAGE",
 390         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
 391       }
 392     }
 393   }
 394 }