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,40],
102 "optionDividerSize":[0,0],
103 "optionDividerPadding":[0.0,0.0,0.0,0.0],
104 "popupDividerColor":[0.0,0.0,0.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"
111 "backgroundBorder": {
112 "visualType": "IMAGE",
113 "url": "{DALI_IMAGE_DIR}IoT-selection-popup-border.9.png",
114 "mixColor":[1.0,1.0,1.0,1.0]
116 "popupFadeInDuration":0.25,
117 "popupFadeOutDuration":0.25
119 "TextSelectionPopupButton":
121 "minimumSize":[0,40],
122 "labelPadding":[-4.0,-4.0,0.0,0.0],
127 "textColor":[0.04,0.06,0.13,1.0],
128 "fontFamily":"BreezeSans",
129 "fontStyle" : {"weight":"regular"}
131 "unselectedBackgroundVisual":
133 "visualType": "IMAGE",
136 "selectedBackgroundVisual":
138 "visualType": "IMAGE",
142 "TextSelectionToolbar":
144 "enableOvershoot":true,
145 "enableScrollBar":false,
148 "overshootAnimationSpeed":360.0,
149 "overshootSize":[720.0,130.0]
152 "TextSelectionScrollBar":
154 "indicatorShowDuration":0.25,
155 "indicatorHideDuration":0.25,
156 "indicatorTransientDuration":1.0
158 "TextSelectionScrollIndicator":
162 "visualType":"IMAGE",
163 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png"
165 "color":[0.0,0.72,0.9,0.7]
169 "overshootEffectColor":"B018",
170 "overshootAnimationSpeed":360.0,
171 "overshootSize":[720.0,130.0]
175 "overshootEffectColor":"B018",
176 "overshootAnimationSpeed":360.0,
177 "overshootSize":[720.0,130.0]
181 "indicatorShowDuration":0.25,
182 "indicatorHideDuration":0.25,
183 "color":[0.0,0.72,0.9,0.7]
188 "primaryCursorColor":[0.0,0.72,0.9,1.0],
189 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
191 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
192 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
193 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
194 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
195 "enableScrollBar":true,
196 "scrollBarShowDuration":0.8,
197 "scrollBarFadeDuration":0.5,
198 "enableSelection":true
202 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
203 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
204 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
205 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
206 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
207 "popupBackgroundBorder":[17,17,13,13]
211 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
212 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
213 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
214 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
215 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
216 "popupBackgroundBorder":[17,17,13,13]
224 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
228 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
232 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
235 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
236 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
237 "disableColor":[0.5, 0.5, 0.5, 1.0],
238 "popupTextColor":[0.5,0.5,0.5,1.0],
244 "SliderHandleTextLabel":
246 "textColor":[0.8,0.8,1,1]
251 "visualType":"IMAGE",
252 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
255 "visualType":"IMAGE",
256 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
258 "secondaryProgressVisual":{
259 "visualType":"IMAGE",
260 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
262 "indeterminateVisual":{
263 "visualType":"IMAGE",
264 "pixelArea":[0.0, 0.0, 10.0, 1.0],
265 "wrapModeU":"REPEAT",
266 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
268 "indeterminateVisualAnimation":
271 "target":"indeterminateVisual",
272 "property":"pixelArea",
273 "initialValue":[0.0, 0.0, 10.0, 1.0],
274 "targetValue":[-1.0, 0.0, 10.0, 1.0],
277 "alphaFunction":"DEFAULT",
287 "visualType": "TEXT",
288 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
289 "pointSize" : 12.0, // Point size must always be provided to Text Visual
290 "horizontalAlignment": "CENTER",
291 "verticalAlignment": "CENTER"
293 "progressValue": 0.0,
294 "secondaryProgressValue":0.0,
295 "indeterminate": false
297 "CircularProgressBar":
302 "mixColor":[0.0,0.165,0.302,1.0],
309 "mixColor":[0.0,0.549,1.0,1.0],
314 "secondaryProgressVisual":{
316 "mixColor":[0.0,0.549,1.0,0.3],
321 "indeterminateVisual":{
323 "mixColor":[0.02,0.71,0.525,1.0],
329 "indeterminateVisualAnimation":
332 "target":"trackVisual",
333 "property":"opacity",
337 "alphaFunction":"DEFAULT",
346 "target":"secondaryProgressVisual",
347 "property":"opacity",
351 "alphaFunction":"DEFAULT",
360 "target":"progressVisual",
361 "property":"sweepAngle",
366 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
375 "target":"progressVisual",
376 "property":"sweepAngle",
380 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
389 "target":"progressVisual",
390 "property":"startAngle",
395 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
404 "target":"indeterminateVisual",
405 "property":"sweepAngle",
410 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
419 "target":"indeterminateVisual",
420 "property":"sweepAngle",
424 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
433 "target":"indeterminateVisual",
434 "property":"startAngle",
439 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
449 "visualType": "TEXT",
450 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
451 "pointSize" : 12.0, // Point size must always be provided to Text Visual
452 "horizontalAlignment": "CENTER",
453 "verticalAlignment": "CENTER"
455 "progressValue": 0.2,
456 "secondaryProgressValue":0.4,
457 "indeterminate": false
461 "initialAutoRepeatingDelay":2.0,
462 "nextAutoRepeatingDelay":0.9
463 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
468 "autoRepeating":false,
470 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
473 "visualType": "TEXT",
474 "horizontalAlignment": "CENTER",
475 "pointSize" : 10.0, // Point size must always be provided to Text Visual
476 "verticalAlignment": "CENTER"
478 "unselectedBackgroundVisual":
480 "visualType": "IMAGE",
481 "url": "{DALI_IMAGE_DIR}button-up.9.png"
483 "selectedBackgroundVisual":
485 "visualType": "IMAGE",
486 "url": "{DALI_IMAGE_DIR}button-down.9.png"
488 "disabledSelectedBackgroundVisual":
490 "visualType": "IMAGE",
491 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
493 "disabledUnselectedBackgroundVisual":
495 "visualType": "IMAGE",
496 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
502 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
505 "visualType": "TEXT",
506 "pointSize" : 10.0, // Point size must always be provided to Text Visual
507 "verticalAlignment": "CENTER"
511 "visualType": "IMAGE",
512 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
516 "visualType": "IMAGE",
517 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
519 "disabledUnselectedVisual":
521 "visualType": "IMAGE",
522 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
524 "disabledSelectedVisual":
526 "visualType": "IMAGE",
527 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
533 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
536 "visualType": "TEXT",
537 "pointSize" : 10.0, // Point size must always be provided to Text Visual
538 "verticalAlignment": "CENTER"
542 "visualType": "IMAGE",
543 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
547 "visualType": "IMAGE",
548 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
550 "disabledUnselectedVisual":
552 "visualType": "IMAGE",
553 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
555 "disabledSelectedVisual":
557 "visualType": "IMAGE",
558 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"