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