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