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