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 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.
26 //******************************************************************************
31 "brokenImageUrl":"{DALI_IMAGE_DIR}broken.png",
32 "alwaysShowFocus":false,
33 "clearFocusOnEscape":true
40 "enableAutoScroll":false,
41 "autoScrollLoopCount":2,
69 "primaryCursorColor":[0.0,0.72,0.9,1.0],
70 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
72 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
73 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
74 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
75 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
76 "enableSelection":true
101 "popupMaxSize":[656,36],
102 "optionDividerSize":[1,0],
103 "optionDividerPadding":[0.0,0.0,6.0,6.0],
104 "popupDividerColor":[1.0,1.0,1.0,1.0],
105 "popupIconColor":[1.0,1.0,1.0,1.0],
106 "popupPressedColor":[0.24,0.72,0.8,0.11],
108 "visualType": "IMAGE",
109 "url": "{DALI_IMAGE_DIR}IoT-selection-popup-background.9.png",
110 "mixColor":[0.0,0.05,0.17,0.9]
112 "backgroundBorder": {
113 "visualType": "IMAGE",
114 "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
115 "mixColor":[0.0,0.0,0.0,0.0]
117 "popupFadeInDuration":0.25,
118 "popupFadeOutDuration":0.25
120 "TextSelectionPopupButton":
122 "minimumSize":[0,36],
123 "labelPadding":[0.0,0.0,0.0,0.0],
128 "textColor":[1.0,1.0,1.0,1.0],
129 "fontFamily":"BreezeSans",
130 "fontStyle" : {"weight":"light"}
132 "unselectedBackgroundVisual":
134 "visualType": "IMAGE",
137 "selectedBackgroundVisual":
139 "visualType": "IMAGE",
143 "TextSelectionToolbar":
145 "enableOvershoot":true,
146 "enableScrollBar":false,
149 "overshootAnimationSpeed":360.0,
150 "overshootSize":[720.0,130.0]
153 "TextSelectionScrollBar":
155 "indicatorShowDuration":0.25,
156 "indicatorHideDuration":0.25,
157 "indicatorTransientDuration":1.0
159 "TextSelectionScrollIndicator":
163 "visualType":"IMAGE",
164 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png"
166 "color":[0.0,0.72,0.9,0.7]
170 "overshootEffectColor":"B018",
171 "overshootAnimationSpeed":360.0,
172 "overshootSize":[720.0,130.0]
176 "overshootEffectColor":"B018",
177 "overshootAnimationSpeed":360.0,
178 "overshootSize":[720.0,130.0]
182 "indicatorShowDuration":0.25,
183 "indicatorHideDuration":0.25,
184 "color":[0.0,0.72,0.9,0.7]
189 "primaryCursorColor":[0.0,0.72,0.9,1.0],
190 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
192 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
193 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
194 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
195 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
196 "enableScrollBar":true,
197 "scrollBarShowDuration":0.8,
198 "scrollBarFadeDuration":0.5,
199 "enableSelection":true
203 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
204 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
205 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
206 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
207 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
208 "popupBackgroundBorder":[17,17,13,13]
212 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
213 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
214 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
215 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
216 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
217 "popupBackgroundBorder":[17,17,13,13]
225 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
229 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
233 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
236 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
237 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
238 "disableColor":[0.5, 0.5, 0.5, 1.0],
239 "popupTextColor":[0.5,0.5,0.5,1.0],
245 "SliderHandleTextLabel":
247 "textColor":[0.8,0.8,1,1]
252 "visualType":"IMAGE",
253 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
256 "visualType":"IMAGE",
257 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
259 "secondaryProgressVisual":{
260 "visualType":"IMAGE",
261 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
263 "indeterminateVisual":{
264 "visualType":"IMAGE",
265 "pixelArea":[0.0, 0.0, 10.0, 1.0],
266 "wrapModeU":"REPEAT",
267 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
269 "indeterminateVisualAnimation":
272 "target":"indeterminateVisual",
273 "property":"pixelArea",
274 "initialValue":[0.0, 0.0, 10.0, 1.0],
275 "targetValue":[-1.0, 0.0, 10.0, 1.0],
278 "alphaFunction":"DEFAULT",
288 "visualType": "TEXT",
289 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
290 "pointSize" : 12.0, // Point size must always be provided to Text Visual
291 "horizontalAlignment": "CENTER",
292 "verticalAlignment": "CENTER"
294 "progressValue": 0.0,
295 "secondaryProgressValue":0.0,
296 "indeterminate": false
298 "CircularProgressBar":
303 "mixColor":[0.0,0.165,0.302,1.0],
310 "mixColor":[0.0,0.549,1.0,1.0],
315 "secondaryProgressVisual":{
317 "mixColor":[0.0,0.549,1.0,0.3],
322 "indeterminateVisual":{
324 "mixColor":[0.02,0.71,0.525,1.0],
330 "indeterminateVisualAnimation":
333 "target":"trackVisual",
334 "property":"opacity",
338 "alphaFunction":"DEFAULT",
347 "target":"secondaryProgressVisual",
348 "property":"opacity",
352 "alphaFunction":"DEFAULT",
361 "target":"progressVisual",
362 "property":"sweepAngle",
367 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
376 "target":"progressVisual",
377 "property":"sweepAngle",
381 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
390 "target":"progressVisual",
391 "property":"startAngle",
396 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
405 "target":"indeterminateVisual",
406 "property":"sweepAngle",
411 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
420 "target":"indeterminateVisual",
421 "property":"sweepAngle",
425 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
434 "target":"indeterminateVisual",
435 "property":"startAngle",
440 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
450 "visualType": "TEXT",
451 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
452 "pointSize" : 12.0, // Point size must always be provided to Text Visual
453 "horizontalAlignment": "CENTER",
454 "verticalAlignment": "CENTER"
456 "progressValue": 0.2,
457 "secondaryProgressValue":0.4,
458 "indeterminate": false
462 "initialAutoRepeatingDelay":2.0,
463 "nextAutoRepeatingDelay":0.9
464 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
469 "autoRepeating":false,
471 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
474 "visualType": "TEXT",
475 "horizontalAlignment": "CENTER",
476 "pointSize" : 10.0, // Point size must always be provided to Text Visual
477 "verticalAlignment": "CENTER"
479 "unselectedBackgroundVisual":
481 "visualType": "IMAGE",
482 "url": "{DALI_IMAGE_DIR}button-up.9.png"
484 "selectedBackgroundVisual":
486 "visualType": "IMAGE",
487 "url": "{DALI_IMAGE_DIR}button-down.9.png"
489 "disabledSelectedBackgroundVisual":
491 "visualType": "IMAGE",
492 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
494 "disabledUnselectedBackgroundVisual":
496 "visualType": "IMAGE",
497 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
503 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
506 "visualType": "TEXT",
507 "pointSize" : 10.0, // Point size must always be provided to Text Visual
508 "verticalAlignment": "CENTER"
512 "visualType": "IMAGE",
513 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
517 "visualType": "IMAGE",
518 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
520 "disabledUnselectedVisual":
522 "visualType": "IMAGE",
523 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
525 "disabledSelectedVisual":
527 "visualType": "IMAGE",
528 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
534 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
537 "visualType": "TEXT",
538 "pointSize" : 10.0, // Point size must always be provided to Text Visual
539 "verticalAlignment": "CENTER"
543 "visualType": "IMAGE",
544 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
548 "visualType": "IMAGE",
549 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
551 "disabledUnselectedVisual":
553 "visualType": "IMAGE",
554 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
556 "disabledSelectedVisual":
558 "visualType": "IMAGE",
559 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"