2 * Copyright (c) 2019 Samsung Electronics Co., Ltd.
4 * This file is part of Dali Toolkit
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
10 * http://www.apache.org/licenses/LICENSE-2.0
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.
20 //******************************************************************************
22 // Default Reference style theme for a 2048x1080 (2K) resolution, Andriod xxxhdpi DPI.
24 //******************************************************************************
29 "brokenImageUrl":"{DALI_IMAGE_DIR}broken.png",
30 "alwaysShowFocus":true,
31 "clearFocusOnEscape":false
46 "visual":"{DALI_IMAGE_DIR}tooltip.9.png",
52 "aboveVisual":"{DALI_IMAGE_DIR}tooltip-tail-above.png",
53 "belowVisual":"{DALI_IMAGE_DIR}tooltip-tail-below.png"
56 "hoverPointOffset":[10,10],
57 "movementThreshold":5,
58 "disappearOnMovement":false
64 "enableAutoScroll":false,
65 "autoScrollLoopCount":2,
68 "ignoreSpacesAfterText":false
95 "primaryCursorColor":[0.0,0.72,0.9,1.0],
96 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
98 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
99 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
100 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
101 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
102 "enableSelection":false
105 "TextFieldFontSize0":
109 "TextFieldFontSize1":
113 "TextFieldFontSize2":
117 "TextFieldFontSize3":
121 "TextFieldFontSize4":
125 "TextSelectionPopup":
127 "popupMaxSize":[1700,100],
128 "optionDividerSize":[2,0],
129 "popupDividerColor":[0.23,0.72,0.8,0.11],
130 "popupIconColor":[1.0,1.0,1.0,1.0],
131 "popupPressedColor":[0.24,0.72,0.8,0.11],
133 "rendererType": "image",
134 "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
136 "backgroundBorder": {
137 "visualType": "IMAGE",
138 "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
139 "mixColor":[0.24,0.72,0.8,1.0]
141 "popupFadeInDuration":0.25,
142 "popupFadeOutDuration":0.25
144 "TextSelectionPopupButton":
151 "unselectedBackgroundVisual":
153 "visualType": "IMAGE",
156 "selectedBackgroundVisual":
158 "visualType": "IMAGE",
162 "TextSelectionToolbar":
164 "enableOvershoot":true,
165 "enableScrollBar":true,
168 "overshootAnimationSpeed":360.0,
169 "overshootSize":[2048.0,130.0]
172 "TextSelectionScrollBar":
174 "indicatorShowDuration":0.25,
175 "indicatorHideDuration":0.25,
176 "indicatorTransientDuration":1.0
178 "TextSelectionScrollIndicator":
182 "visualType":"IMAGE",
183 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png"
185 "color":[0.0,0.72,0.9,0.7]
189 "overshootEffectColor":"B018",
190 "overshootAnimationSpeed":960.0,
191 "overshootSize":[2048.0,130.0]
195 "overshootEffectColor":"B018",
196 "overshootAnimationSpeed":960.0,
197 "overshootSize":[2048.0,130.0]
201 "indicatorShowDuration":0.25,
202 "indicatorHideDuration":0.25,
203 "color":[0.0,0.72,0.9,0.7]
208 "primaryCursorColor":[0.0,0.72,0.9,1.0],
209 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
211 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
212 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
213 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
214 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
215 "enableScrollBar":true,
216 "scrollBarShowDuration":0.8,
217 "scrollBarFadeDuration":0.5,
218 "enableSelection":false
223 "visualType":"IMAGE",
224 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
227 "visualType":"IMAGE",
228 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
230 "secondaryProgressVisual":{
231 "visualType":"IMAGE",
232 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
234 "indeterminateVisual":{
235 "visualType":"IMAGE",
236 "pixelArea":[0.0, 0.0, 10.0, 1.0],
237 "wrapModeU":"REPEAT",
238 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
240 "indeterminateVisualAnimation":
243 "target":"indeterminateVisual",
244 "property":"pixelArea",
245 "initialValue":[0.0, 0.0, 10.0, 1.0],
246 "targetValue":[-1.0, 0.0, 10.0, 1.0],
249 "alphaFunction":"DEFAULT",
259 "visualType": "TEXT",
260 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
261 "pointSize" : 10.0, // Point size must always be provided to Text Visual
262 "horizontalAlignment": "CENTER",
263 "verticalAlignment": "CENTER"
265 "progressValue": 0.0,
266 "secondaryProgressValue":0.0,
267 "indeterminate": false
269 "CircularProgressBar":
274 "mixColor":[0.0,0.165,0.302,1.0],
281 "mixColor":[0.0,0.549,1.0,1.0],
286 "secondaryProgressVisual":{
288 "mixColor":[0.0,0.549,1.0,0.3],
293 "indeterminateVisual":{
295 "mixColor":[0.02,0.71,0.525,1.0],
301 "indeterminateVisualAnimation":
304 "target":"trackVisual",
305 "property":"opacity",
309 "alphaFunction":"DEFAULT",
318 "target":"secondaryProgressVisual",
319 "property":"opacity",
323 "alphaFunction":"DEFAULT",
332 "target":"progressVisual",
333 "property":"sweepAngle",
338 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
347 "target":"progressVisual",
348 "property":"sweepAngle",
352 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
361 "target":"progressVisual",
362 "property":"startAngle",
367 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
376 "target":"indeterminateVisual",
377 "property":"sweepAngle",
382 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
391 "target":"indeterminateVisual",
392 "property":"sweepAngle",
396 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
405 "target":"indeterminateVisual",
406 "property":"startAngle",
411 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
421 "visualType": "TEXT",
422 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
423 "pointSize" : 12.0, // Point size must always be provided to Text Visual
424 "horizontalAlignment": "CENTER",
425 "verticalAlignment": "CENTER"
427 "progressValue": 0.2,
428 "secondaryProgressValue":0.4,
429 "indeterminate": false
433 "styles":["Tooltip"],
434 "initialAutoRepeatingDelay":2.0,
435 "nextAutoRepeatingDelay":0.9
436 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
441 "autoRepeating":false,
443 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
446 "visualType": "TEXT",
447 "horizontalAlignment": "CENTER",
448 "pointSize" : 10.0, // Point size must always be provided to Text Visual
449 "verticalAlignment": "CENTER"
451 "unselectedBackgroundVisual":
453 "visualType": "IMAGE",
454 "url": "{DALI_IMAGE_DIR}button-up.9.png"
456 "selectedBackgroundVisual":
458 "visualType": "IMAGE",
459 "url": "{DALI_IMAGE_DIR}button-down.9.png"
461 "disabledSelectedBackgroundVisual":
463 "visualType": "IMAGE",
464 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
466 "disabledUnselectedBackgroundVisual":
468 "visualType": "IMAGE",
469 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
479 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
482 "visualType": "TEXT",
483 "pointSize" : 10.0, // Point size must always be provided to Text Visual
484 "verticalAlignment": "CENTER"
488 "visualType": "IMAGE",
489 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
493 "visualType": "IMAGE",
494 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
496 "disabledUnselectedVisual":
498 "visualType": "IMAGE",
499 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
501 "disabledSelectedVisual":
503 "visualType": "IMAGE",
504 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
510 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
513 "visualType": "TEXT",
514 "pointSize" : 10.0, // Point size must always be provided to Text Visual
515 "verticalAlignment": "CENTER"
519 "visualType": "IMAGE",
520 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
524 "visualType": "IMAGE",
525 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
527 "disabledUnselectedVisual":
529 "visualType": "IMAGE",
530 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
532 "disabledSelectedVisual":
534 "visualType": "IMAGE",
535 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"