2 * Copyright (c) 2016 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 480x800 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
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,
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":true
105 "TextFieldFontSize0":
109 "TextFieldFontSize1":
113 "TextFieldFontSize2":
117 "TextFieldFontSize3":
121 "TextFieldFontSize4":
125 "TextSelectionPopup":
127 "popupMaxSize":[400,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 "visualType": "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":120.0,
169 "overshootSize":[480.0,42.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" // designed for HD resolution
185 "color":[0.0,0.72,0.9,0.7],
186 "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution
190 "overshootEffectColor":"B018",
191 "overshootAnimationSpeed":120.0,
192 "overshootSize":[480.0,42.0]
196 "overshootEffectColor":"B018",
197 "overshootAnimationSpeed":120.0,
198 "overshootSize":[480.0,42.0]
202 "indicatorShowDuration":0.25,
203 "indicatorHideDuration":0.25
205 "ScrollBarIndicator":
209 "visualType":"IMAGE",
210 "url":"{DALI_IMAGE_DIR}popup_scroll.9.png"
216 "primaryCursorColor":[0.0,0.72,0.9,1.0],
217 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
219 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
220 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
221 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
222 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
223 "enableScrollBar":true,
224 "scrollBarShowDuration":0.8,
225 "scrollBarFadeDuration":0.5,
226 "enableSelection":true
230 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
231 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
232 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
233 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
234 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
235 "popupBackgroundBorder":[17,17,13,13]
239 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
240 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
241 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
242 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
243 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
244 "popupBackgroundBorder":[17,17,13,13]
252 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
256 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
260 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
263 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
264 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
265 "disableColor":[0.5, 0.5, 0.5, 1.0],
266 "popupTextColor":[0.5,0.5,0.5,1.0],
272 "SliderHandleTextLabel":
274 "textColor":[0.8,0.8,1,1]
279 "visualType":"IMAGE",
280 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
283 "visualType":"IMAGE",
284 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
286 "secondaryProgressVisual":{
287 "visualType":"IMAGE",
288 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
290 "indeterminateVisual":{
291 "visualType":"IMAGE",
292 "pixelArea":[0.0, 0.0, 10.0, 1.0],
293 "wrapModeU":"REPEAT",
294 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
296 "indeterminateVisualAnimation":
299 "target":"indeterminateVisual",
300 "property":"pixelArea",
301 "initialValue":[0.0, 0.0, 10.0, 1.0],
302 "targetValue":[-1.0, 0.0, 10.0, 1.0],
305 "alphaFunction":"DEFAULT",
315 "visualType": "TEXT",
316 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
317 "pointSize" : 12.0, // Point size must always be provided to Text Visual
318 "horizontalAlignment": "CENTER",
319 "verticalAlignment": "CENTER"
321 "progressValue": 0.0,
322 "secondaryProgressValue":0.0,
323 "indeterminate": false
325 "CircularProgressBar":
330 "mixColor":[0.0,0.165,0.302,1.0],
337 "mixColor":[0.0,0.549,1.0,1.0],
342 "secondaryProgressVisual":{
344 "mixColor":[0.0,0.549,1.0,0.3],
349 "indeterminateVisual":{
351 "mixColor":[0.02,0.71,0.525,1.0],
357 "indeterminateVisualAnimation":
360 "target":"trackVisual",
361 "property":"opacity",
365 "alphaFunction":"DEFAULT",
374 "target":"secondaryProgressVisual",
375 "property":"opacity",
379 "alphaFunction":"DEFAULT",
388 "target":"progressVisual",
389 "property":"sweepAngle",
394 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
403 "target":"progressVisual",
404 "property":"sweepAngle",
408 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
417 "target":"progressVisual",
418 "property":"startAngle",
423 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
432 "target":"indeterminateVisual",
433 "property":"sweepAngle",
438 "alphaFunction":[0.439, 0.0, 0.718, 0.428],
447 "target":"indeterminateVisual",
448 "property":"sweepAngle",
452 "alphaFunction":[0.224, 0.571, 0.53, 1.0],
461 "target":"indeterminateVisual",
462 "property":"startAngle",
467 "alphaFunction":[0.33, 0.0, 0.3, 1.0],
477 "visualType": "TEXT",
478 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
479 "pointSize" : 12.0, // Point size must always be provided to Text Visual
480 "horizontalAlignment": "CENTER",
481 "verticalAlignment": "CENTER"
483 "progressValue": 0.2,
484 "secondaryProgressValue":0.4,
485 "indeterminate": false
489 "styles":["Tooltip"],
490 "initialAutoRepeatingDelay":2.0,
491 "nextAutoRepeatingDelay":0.9
492 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
497 "autoRepeating":false,
499 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
502 "visualType": "TEXT",
503 "horizontalAlignment": "CENTER",
504 "pointSize" : 15.0, // Point size must always be provided to Text Visual
505 "verticalAlignment": "CENTER"
507 "unselectedBackgroundVisual":
509 "visualType": "IMAGE",
510 "url": "{DALI_IMAGE_DIR}button-up.9.png"
512 "selectedBackgroundVisual":
514 "visualType": "IMAGE",
515 "url": "{DALI_IMAGE_DIR}button-down.9.png"
517 "disabledSelectedBackgroundVisual":
519 "visualType": "IMAGE",
520 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
522 "disabledUnselectedBackgroundVisual":
524 "visualType": "IMAGE",
525 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
535 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
538 "visualType": "TEXT",
539 "pointSize" : 15.0, // Point size must always be provided to Text Visual
540 "verticalAlignment": "CENTER"
544 "visualType": "IMAGE",
545 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
549 "visualType": "IMAGE",
550 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
552 "disabledUnselectedVisual":
554 "visualType": "IMAGE",
555 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
557 "disabledSelectedVisual":
559 "visualType": "IMAGE",
560 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
566 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
569 "visualType": "TEXT",
570 "pointSize" : 15.0, // Point size must always be provided to Text Visual
571 "verticalAlignment": "CENTER"
575 "visualType": "IMAGE",
576 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
580 "visualType": "IMAGE",
581 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
583 "disabledUnselectedVisual":
585 "visualType": "IMAGE",
586 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
588 "disabledSelectedVisual":
590 "visualType": "IMAGE",
591 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"