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