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