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