2 * Copyright (c) 2021 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 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.
26 //******************************************************************************
31 "brokenImageUrl":"{DALI_IMAGE_DIR}broken.png",
32 "alwaysShowFocus":true,
33 "clearFocusOnEscape":false
48 "visual":"{DALI_IMAGE_DIR}tooltip.9.png",
54 "aboveVisual":"{DALI_IMAGE_DIR}tooltip-tail-above.png",
55 "belowVisual":"{DALI_IMAGE_DIR}tooltip-tail-below.png"
58 "hoverPointOffset":[10,10],
59 "movementThreshold":5,
60 "disappearOnMovement":false
66 "enableAutoScroll":false,
67 "autoScrollLoopCount":2,
70 "ignoreSpacesAfterText":false
97 "primaryCursorColor":[0.0,0.72,0.9,1.0],
98 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
100 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
101 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
102 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
103 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
104 "enableSelection":false
107 "TextFieldFontSize0":
111 "TextFieldFontSize1":
115 "TextFieldFontSize2":
119 "TextFieldFontSize3":
123 "TextFieldFontSize4":
127 "TextSelectionPopup":
129 "popupMaxSize":[1700,100],
130 "optionDividerSize":[2,0],
131 "popupDividerColor":[0.23,0.72,0.8,0.11],
132 "popupIconColor":[1.0,1.0,1.0,1.0],
133 "popupPressedColor":[0.24,0.72,0.8,0.11],
135 "rendererType": "image",
136 "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
138 "backgroundBorder": {
139 "visualType": "IMAGE",
140 "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
141 "mixColor":[0.24,0.72,0.8,1.0]
143 "popupFadeInDuration":0.25,
144 "popupFadeOutDuration":0.25
146 "TextSelectionPopupButton":
153 "unselectedBackgroundVisual":
155 "visualType": "IMAGE",
158 "selectedBackgroundVisual":
160 "visualType": "IMAGE",
164 "TextSelectionToolbar":
166 "enableOvershoot":true,
167 "enableScrollBar":true,
170 "overshootAnimationSpeed":360.0,
171 "overshootSize":[1920.0,130.0]
174 "TextSelectionScrollBar":
176 "indicatorShowDuration":0.25,
177 "indicatorHideDuration":0.25,
178 "indicatorTransientDuration":1.0
180 "TextSelectionScrollIndicator":
184 "visualType":"IMAGE",
185 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png"
187 "color":[0.0,0.72,0.9,0.7]
191 "overshootEffectColor":"B018",
192 "overshootAnimationSpeed":960.0,
193 "overshootSize":[1920.0,130.0]
197 "overshootEffectColor":"B018",
198 "overshootAnimationSpeed":960.0,
199 "overshootSize":[1920.0,130.0]
203 "indicatorShowDuration":0.25,
204 "indicatorHideDuration":0.25,
205 "color":[0.0,0.72,0.9,0.7]
210 "primaryCursorColor":[0.0,0.72,0.9,1.0],
211 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
213 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
214 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
215 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
216 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
217 "enableScrollBar":true,
218 "scrollBarShowDuration":0.8,
219 "scrollBarFadeDuration":0.5,
220 "enableSelection":false
225 "visualType":"IMAGE",
226 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
229 "visualType":"IMAGE",
230 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
232 "secondaryProgressVisual":{
233 "visualType":"IMAGE",
234 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
236 "indeterminateVisual":{
237 "visualType":"IMAGE",
238 "pixelArea":[0.0, 0.0, 10.0, 1.0],
239 "wrapModeU":"REPEAT",
240 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
242 "indeterminateVisualAnimation":
245 "target":"indeterminateVisual",
246 "property":"pixelArea",
247 "initialValue":[0.0, 0.0, 10.0, 1.0],
248 "targetValue":[-1.0, 0.0, 10.0, 1.0],
251 "alphaFunction":"DEFAULT",
261 "visualType": "TEXT",
262 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
263 "pointSize" : 12.0, // Point size must always be provided to Text Visual
264 "horizontalAlignment": "CENTER",
265 "verticalAlignment": "CENTER"
267 "progressValue": 0.0,
268 "secondaryProgressValue":0.0,
269 "indeterminate": false
271 "CircularProgressBar":
276 "mixColor":[0.0,0.165,0.302,1.0],
283 "mixColor":[0.0,0.549,1.0,1.0],
288 "secondaryProgressVisual":{
290 "mixColor":[0.0,0.549,1.0,0.3],
295 "indeterminateVisual":{
297 "mixColor":[0.02,0.71,0.525,1.0],
303 "indeterminateVisualAnimation":
306 "target":"trackVisual",
307 "property":"opacity",
311 "alphaFunction":"DEFAULT",
320 "target":"secondaryProgressVisual",
321 "property":"opacity",
325 "alphaFunction":"DEFAULT",
334 "target":"progressVisual",
335 "property":"sweepAngle",
340 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
349 "target":"progressVisual",
350 "property":"sweepAngle",
354 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
363 "target":"progressVisual",
364 "property":"startAngle",
369 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
378 "target":"indeterminateVisual",
379 "property":"sweepAngle",
384 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
393 "target":"indeterminateVisual",
394 "property":"sweepAngle",
398 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
407 "target":"indeterminateVisual",
408 "property":"startAngle",
413 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
423 "visualType": "TEXT",
424 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
425 "pointSize" : 32.0, // Point size must always be provided to Text Visual
426 "horizontalAlignment": "CENTER",
427 "verticalAlignment": "CENTER"
429 "progressValue": 0.2,
430 "secondaryProgressValue":0.4,
431 "indeterminate": false
435 "styles":["Tooltip"],
436 "initialAutoRepeatingDelay":2.0,
437 "nextAutoRepeatingDelay":0.9
438 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
443 "autoRepeating":false,
445 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
448 "visualType": "TEXT",
449 "horizontalAlignment": "CENTER",
450 "pointSize" : 24.0, // Point size must always be provided to Text Visual
451 "verticalAlignment": "CENTER"
453 "unselectedBackgroundVisual":
455 "visualType": "IMAGE",
456 "url": "{DALI_IMAGE_DIR}button-up.9.png"
458 "selectedBackgroundVisual":
460 "visualType": "IMAGE",
461 "url": "{DALI_IMAGE_DIR}button-down.9.png"
463 "disabledSelectedBackgroundVisual":
465 "visualType": "IMAGE",
466 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
468 "disabledUnselectedBackgroundVisual":
470 "visualType": "IMAGE",
471 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
481 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
484 "visualType": "TEXT",
485 "pointSize" : 24.0, // Point size must always be provided to Text Visual
486 "verticalAlignment": "CENTER"
490 "visualType": "IMAGE",
491 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
495 "visualType": "IMAGE",
496 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
498 "disabledUnselectedVisual":
500 "visualType": "IMAGE",
501 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
503 "disabledSelectedVisual":
505 "visualType": "IMAGE",
506 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
512 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
515 "visualType": "TEXT",
516 "pointSize" : 24.0, // Point size must always be provided to Text Visual
517 "verticalAlignment": "CENTER"
521 "visualType": "IMAGE",
522 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
526 "visualType": "IMAGE",
527 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
529 "disabledUnselectedVisual":
531 "visualType": "IMAGE",
532 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
534 "disabledSelectedVisual":
536 "visualType": "IMAGE",
537 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"