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