2 * Copyright (c) 2017 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,72],
102 "optionDividerSize":[2,0],
103 "popupDividerColor":[0.23,0.72,0.8,0.11],
104 "popupIconColor":[1.0,1.0,1.0,1.0],
105 "popupPressedColor":[0.24,0.72,0.8,0.11],
107 "visualType": "IMAGE",
108 "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
110 "backgroundBorder": {
111 "visualType": "IMAGE",
112 "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
113 "mixColor":[0.24,0.72,0.8,1.0]
115 "popupFadeInDuration":0.25,
116 "popupFadeOutDuration":0.25
118 "TextSelectionPopupButton":
125 "unselectedBackgroundVisual":
127 "visualType": "IMAGE",
130 "selectedBackgroundVisual":
132 "visualType": "IMAGE",
136 "TextSelectionToolbar":
138 "enableOvershoot":true,
139 "enableScrollBar":true,
142 "overshootAnimationSpeed":360.0,
143 "overshootSize":[720.0,130.0]
146 "TextSelectionScrollBar":
148 "indicatorShowDuration":0.25,
149 "indicatorHideDuration":0.25,
150 "indicatorTransientDuration":1.0
152 "TextSelectionScrollIndicator":
156 "visualType":"IMAGE",
157 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png"
159 "color":[0.0,0.72,0.9,0.7]
163 "overshootEffectColor":"B018",
164 "overshootAnimationSpeed":360.0,
165 "overshootSize":[720.0,130.0]
169 "overshootEffectColor":"B018",
170 "overshootAnimationSpeed":360.0,
171 "overshootSize":[720.0,130.0]
175 "indicatorShowDuration":0.25,
176 "indicatorHideDuration":0.25,
177 "color":[0.0,0.72,0.9,0.7]
182 "primaryCursorColor":[0.0,0.72,0.9,1.0],
183 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
185 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
186 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
187 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
188 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
189 "enableScrollBar":true,
190 "scrollBarShowDuration":0.8,
191 "scrollBarFadeDuration":0.5,
192 "enableSelection":true
196 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
197 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
198 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
199 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
200 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
201 "popupBackgroundBorder":[17,17,13,13]
205 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
206 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
207 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
208 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
209 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
210 "popupBackgroundBorder":[17,17,13,13]
218 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
222 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
226 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
229 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
230 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
231 "disableColor":[0.5, 0.5, 0.5, 1.0],
232 "popupTextColor":[0.5,0.5,0.5,1.0],
238 "SliderHandleTextLabel":
240 "textColor":[0.8,0.8,1,1]
245 "visualType":"IMAGE",
246 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
249 "visualType":"IMAGE",
250 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
252 "secondaryProgressVisual":{
253 "visualType":"IMAGE",
254 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
256 "indeterminateVisual":{
257 "visualType":"IMAGE",
258 "pixelArea":[0.0, 0.0, 10.0, 1.0],
259 "wrapModeU":"REPEAT",
260 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
262 "indeterminateVisualAnimation":
265 "target":"indeterminateVisual",
266 "property":"pixelArea",
267 "initialValue":[0.0, 0.0, 10.0, 1.0],
268 "targetValue":[-1.0, 0.0, 10.0, 1.0],
271 "alphaFunction":"DEFAULT",
281 "visualType": "TEXT",
282 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
283 "pointSize" : 12.0, // Point size must always be provided to Text Visual
284 "horizontalAlignment": "CENTER",
285 "verticalAlignment": "CENTER"
287 "progressValue": 0.0,
288 "secondaryProgressValue":0.0,
289 "indeterminate": false
291 "CircularProgressBar":
296 "mixColor":[0.0,0.165,0.302,1.0],
303 "mixColor":[0.0,0.549,1.0,1.0],
308 "secondaryProgressVisual":{
310 "mixColor":[0.0,0.549,1.0,0.3],
315 "indeterminateVisual":{
317 "mixColor":[0.02,0.71,0.525,1.0],
323 "indeterminateVisualAnimation":
326 "target":"trackVisual",
327 "property":"opacity",
331 "alphaFunction":"DEFAULT",
340 "target":"secondaryProgressVisual",
341 "property":"opacity",
345 "alphaFunction":"DEFAULT",
354 "target":"progressVisual",
355 "property":"sweepAngle",
360 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
369 "target":"progressVisual",
370 "property":"sweepAngle",
374 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
383 "target":"progressVisual",
384 "property":"startAngle",
389 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
398 "target":"indeterminateVisual",
399 "property":"sweepAngle",
404 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
413 "target":"indeterminateVisual",
414 "property":"sweepAngle",
418 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
427 "target":"indeterminateVisual",
428 "property":"startAngle",
433 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
443 "visualType": "TEXT",
444 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
445 "pointSize" : 12.0, // Point size must always be provided to Text Visual
446 "horizontalAlignment": "CENTER",
447 "verticalAlignment": "CENTER"
449 "progressValue": 0.2,
450 "secondaryProgressValue":0.4,
451 "indeterminate": false
455 "initialAutoRepeatingDelay":2.0,
456 "nextAutoRepeatingDelay":0.9
457 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
462 "autoRepeating":false,
464 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
467 "visualType": "TEXT",
468 "horizontalAlignment": "CENTER",
469 "pointSize" : 10.0, // Point size must always be provided to Text Visual
470 "verticalAlignment": "CENTER"
472 "unselectedBackgroundVisual":
474 "visualType": "IMAGE",
475 "url": "{DALI_IMAGE_DIR}button-up.9.png"
477 "selectedBackgroundVisual":
479 "visualType": "IMAGE",
480 "url": "{DALI_IMAGE_DIR}button-down.9.png"
482 "disabledSelectedBackgroundVisual":
484 "visualType": "IMAGE",
485 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
487 "disabledUnselectedBackgroundVisual":
489 "visualType": "IMAGE",
490 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
496 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
499 "visualType": "TEXT",
500 "pointSize" : 10.0, // Point size must always be provided to Text Visual
501 "verticalAlignment": "CENTER"
505 "visualType": "IMAGE",
506 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
510 "visualType": "IMAGE",
511 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
513 "disabledUnselectedVisual":
515 "visualType": "IMAGE",
516 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
518 "disabledSelectedVisual":
520 "visualType": "IMAGE",
521 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
527 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
530 "visualType": "TEXT",
531 "pointSize" : 10.0, // Point size must always be provided to Text Visual
532 "verticalAlignment": "CENTER"
536 "visualType": "IMAGE",
537 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
541 "visualType": "IMAGE",
542 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
544 "disabledUnselectedVisual":
546 "visualType": "IMAGE",
547 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
549 "disabledSelectedVisual":
551 "visualType": "IMAGE",
552 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"