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