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