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