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 "alwaysShowFocus":false,
32 "clearFocusOnEscape":true
47 "visual":"{DALI_IMAGE_DIR}tooltip.9.png",
53 "aboveVisual":"{DALI_IMAGE_DIR}tooltip-tail-above.png",
54 "belowVisual":"{DALI_IMAGE_DIR}tooltip-tail-below.png"
57 "hoverPointOffset":[10,10],
58 "movementThreshold":5,
59 "disappearOnMovement":false
65 "enableAutoScroll":false,
66 "autoScrollLoopCount":2,
94 "primaryCursorColor":[0.0,0.72,0.9,1.0],
95 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
97 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
98 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
99 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
100 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
101 "enableSelection":true
104 "TextFieldFontSize0":
108 "TextFieldFontSize1":
112 "TextFieldFontSize2":
116 "TextFieldFontSize3":
120 "TextFieldFontSize4":
124 "TextSelectionPopup":
126 "popupMaxSize":[400,100],
127 "optionDividerSize":[2,0],
128 "popupDividerColor":[0.23,0.72,0.8,0.11],
129 "popupIconColor":[1.0,1.0,1.0,1.0],
130 "popupPressedColor":[0.24,0.72,0.8,0.11],
132 "visualType": "IMAGE",
133 "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
135 "backgroundBorder": {
136 "visualType": "IMAGE",
137 "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
138 "mixColor":[0.24,0.72,0.8,1.0]
140 "popupFadeInDuration":0.25,
141 "popupFadeOutDuration":0.25
143 "TextSelectionPopupButton":
150 "unselectedBackgroundVisual":
152 "visualType": "IMAGE",
155 "selectedBackgroundVisual":
157 "visualType": "IMAGE",
161 "TextSelectionToolbar":
163 "enableOvershoot":true,
164 "enableScrollBar":true,
167 "overshootAnimationSpeed":120.0,
168 "overshootSize":[480.0,42.0]
171 "TextSelectionScrollBar":
173 "indicatorShowDuration":0.25,
174 "indicatorHideDuration":0.25,
175 "indicatorTransientDuration":1.0
177 "TextSelectionScrollIndicator":
181 "visualType":"IMAGE",
182 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png" // designed for HD resolution
184 "color":[0.0,0.72,0.9,0.7],
185 "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution
189 "overshootEffectColor":"B018",
190 "overshootAnimationSpeed":120.0,
191 "overshootSize":[480.0,42.0]
195 "overshootEffectColor":"B018",
196 "overshootAnimationSpeed":120.0,
197 "overshootSize":[480.0,42.0]
201 "indicatorShowDuration":0.25,
202 "indicatorHideDuration":0.25
204 "ScrollBarIndicator":
208 "visualType":"IMAGE",
209 "url":"{DALI_IMAGE_DIR}popup_scroll.9.png"
215 "primaryCursorColor":[0.0,0.72,0.9,1.0],
216 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
218 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
219 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
220 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
221 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
222 "enableScrollBar":true,
223 "scrollBarShowDuration":0.8,
224 "scrollBarFadeDuration":0.5,
225 "enableSelection":true
229 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
230 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
231 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
232 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
233 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
234 "popupBackgroundBorder":[17,17,13,13]
238 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
239 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
240 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
241 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
242 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
243 "popupBackgroundBorder":[17,17,13,13]
251 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
255 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
259 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
262 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
263 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
264 "disableColor":[0.5, 0.5, 0.5, 1.0],
265 "popupTextColor":[0.5,0.5,0.5,1.0],
271 "SliderHandleTextLabel":
273 "textColor":[0.8,0.8,1,1]
278 "visualType":"IMAGE",
279 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
282 "visualType":"IMAGE",
283 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
285 "secondaryProgressVisual":{
286 "visualType":"IMAGE",
287 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
289 "indeterminateVisual":{
290 "visualType":"IMAGE",
291 "pixelArea":[0.0, 0.0, 10.0, 1.0],
292 "wrapModeU":"REPEAT",
293 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
295 "indeterminateVisualAnimation":
298 "target":"indeterminateVisual",
299 "property":"pixelArea",
300 "initialValue":[0.0, 0.0, 10.0, 1.0],
301 "targetValue":[-1.0, 0.0, 10.0, 1.0],
304 "alphaFunction":"DEFAULT",
314 "visualType": "TEXT",
315 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
316 "pointSize" : 12.0, // Point size must always be provided to Text Visual
317 "horizontalAlignment": "CENTER",
318 "verticalAlignment": "CENTER"
320 "progressValue": 0.0,
321 "secondaryProgressValue":0.0,
322 "indeterminate": false
326 "styles":["Tooltip"],
327 "initialAutoRepeatingDelay":2.0,
328 "nextAutoRepeatingDelay":0.9
329 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
334 "autoRepeating":false,
336 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
339 "visualType": "TEXT",
340 "horizontalAlignment": "CENTER",
341 "pointSize" : 15.0, // Point size must always be provided to Text Visual
342 "verticalAlignment": "CENTER"
344 "unselectedBackgroundVisual":
346 "visualType": "IMAGE",
347 "url": "{DALI_IMAGE_DIR}button-up.9.png"
349 "selectedBackgroundVisual":
351 "visualType": "IMAGE",
352 "url": "{DALI_IMAGE_DIR}button-down.9.png"
354 "disabledSelectedBackgroundVisual":
356 "visualType": "IMAGE",
357 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
359 "disabledUnselectedBackgroundVisual":
361 "visualType": "IMAGE",
362 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
372 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
375 "visualType": "TEXT",
376 "pointSize" : 15.0, // Point size must always be provided to Text Visual
377 "verticalAlignment": "CENTER"
381 "visualType": "IMAGE",
382 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
386 "visualType": "IMAGE",
387 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
389 "disabledUnselectedVisual":
391 "visualType": "IMAGE",
392 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
394 "disabledSelectedVisual":
396 "visualType": "IMAGE",
397 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
403 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
406 "visualType": "TEXT",
407 "pointSize" : 15.0, // Point size must always be provided to Text Visual
408 "verticalAlignment": "CENTER"
412 "visualType": "IMAGE",
413 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
417 "visualType": "IMAGE",
418 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
420 "disabledUnselectedVisual":
422 "visualType": "IMAGE",
423 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
425 "disabledSelectedVisual":
427 "visualType": "IMAGE",
428 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"