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
46 "visual":"{DALI_IMAGE_DIR}tooltip.9.png",
52 "aboveVisual":"{DALI_IMAGE_DIR}tooltip-tail-above.png",
53 "belowVisual":"{DALI_IMAGE_DIR}tooltip-tail-below.png"
56 "hoverPointOffset":[10,10],
57 "movementThreshold":5,
58 "disappearOnMovement":false
64 "enableAutoScroll":false,
65 "autoScrollLoopCount":2,
93 "primaryCursorColor":[0.0,0.72,0.9,1.0],
94 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
96 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
97 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
98 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
99 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
100 "enableSelection":true
103 "TextFieldFontSize0":
107 "TextFieldFontSize1":
111 "TextFieldFontSize2":
115 "TextFieldFontSize3":
119 "TextFieldFontSize4":
123 "TextSelectionPopup":
125 "popupMaxSize":[400,100],
126 "optionDividerSize":[2,0],
127 "popupDividerColor":[0.23,0.72,0.8,0.11],
128 "popupIconColor":[1.0,1.0,1.0,1.0],
129 "popupPressedColor":[0.24,0.72,0.8,0.11],
131 "visualType": "IMAGE",
132 "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
134 "backgroundBorder": {
135 "visualType": "IMAGE",
136 "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
137 "mixColor":[0.24,0.72,0.8,1.0]
139 "popupFadeInDuration":0.25,
140 "popupFadeOutDuration":0.25
142 "TextSelectionPopupButton":
149 "unselectedBackgroundVisual":
151 "visualType": "IMAGE",
154 "selectedBackgroundVisual":
156 "visualType": "IMAGE",
160 "TextSelectionToolbar":
162 "enableOvershoot":true,
163 "enableScrollBar":true,
166 "overshootAnimationSpeed":120.0,
167 "overshootSize":[480.0,42.0]
170 "TextSelectionScrollBar":
172 "indicatorShowDuration":0.25,
173 "indicatorHideDuration":0.25,
174 "indicatorTransientDuration":1.0
176 "TextSelectionScrollIndicator":
180 "visualType":"IMAGE",
181 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png" // designed for HD resolution
183 "color":[0.0,0.72,0.9,0.7],
184 "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution
188 "overshootEffectColor":"B018",
189 "overshootAnimationSpeed":120.0,
190 "overshootSize":[480.0,42.0]
194 "overshootEffectColor":"B018",
195 "overshootAnimationSpeed":120.0,
196 "overshootSize":[480.0,42.0]
200 "indicatorShowDuration":0.25,
201 "indicatorHideDuration":0.25
203 "ScrollBarIndicator":
207 "visualType":"IMAGE",
208 "url":"{DALI_IMAGE_DIR}popup_scroll.9.png"
214 "primaryCursorColor":[0.0,0.72,0.9,1.0],
215 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
217 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
218 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
219 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
220 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
221 "enableScrollBar":true,
222 "scrollBarShowDuration":0.8,
223 "scrollBarFadeDuration":0.5,
224 "enableSelection":true
228 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
229 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
230 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
231 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
232 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
233 "popupBackgroundBorder":[17,17,13,13]
237 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
238 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
239 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
240 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
241 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
242 "popupBackgroundBorder":[17,17,13,13]
250 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
254 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
258 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
261 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
262 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
263 "disableColor":[0.5, 0.5, 0.5, 1.0],
264 "popupTextColor":[0.5,0.5,0.5,1.0],
270 "SliderHandleTextLabel":
272 "textColor":[0.8,0.8,1,1]
277 "visualType":"IMAGE",
278 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
281 "visualType":"IMAGE",
282 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
284 "secondaryProgressVisual":{
285 "visualType":"IMAGE",
286 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
288 "indeterminateVisual":{
289 "visualType":"IMAGE",
290 "pixelArea":[0.0, 0.0, 10.0, 1.0],
291 "wrapModeU":"REPEAT",
292 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
294 "indeterminateVisualAnimation":
297 "target":"indeterminateVisual",
298 "property":"pixelArea",
299 "initialValue":[0.0, 0.0, 10.0, 1.0],
300 "targetValue":[-1.0, 0.0, 10.0, 1.0],
303 "alphaFunction":"DEFAULT",
313 "visualType": "TEXT",
314 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
315 "pointSize" : 12.0, // Point size must always be provided to Text Visual
316 "horizontalAlignment": "CENTER",
317 "verticalAlignment": "CENTER"
319 "progressValue": 0.0,
320 "secondaryProgressValue":0.0,
321 "indeterminate": false
325 "styles":["Tooltip"],
326 "initialAutoRepeatingDelay":2.0,
327 "nextAutoRepeatingDelay":0.9
328 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
333 "autoRepeating":false,
335 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
338 "visualType": "TEXT",
339 "horizontalAlignment": "CENTER",
340 "pointSize" : 15.0, // Point size must always be provided to Text Visual
341 "verticalAlignment": "CENTER"
343 "unselectedBackgroundVisual":
345 "visualType": "IMAGE",
346 "url": "{DALI_IMAGE_DIR}button-up.9.png"
348 "selectedBackgroundVisual":
350 "visualType": "IMAGE",
351 "url": "{DALI_IMAGE_DIR}button-down.9.png"
353 "disabledSelectedBackgroundVisual":
355 "visualType": "IMAGE",
356 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
358 "disabledUnselectedBackgroundVisual":
360 "visualType": "IMAGE",
361 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
371 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
374 "visualType": "TEXT",
375 "pointSize" : 15.0, // Point size must always be provided to Text Visual
376 "verticalAlignment": "CENTER"
380 "visualType": "IMAGE",
381 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
385 "visualType": "IMAGE",
386 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
388 "disabledUnselectedVisual":
390 "visualType": "IMAGE",
391 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
393 "disabledSelectedVisual":
395 "visualType": "IMAGE",
396 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
402 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
405 "visualType": "TEXT",
406 "pointSize" : 15.0, // Point size must always be provided to Text Visual
407 "verticalAlignment": "CENTER"
411 "visualType": "IMAGE",
412 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
416 "visualType": "IMAGE",
417 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
419 "disabledUnselectedVisual":
421 "visualType": "IMAGE",
422 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
424 "disabledSelectedVisual":
426 "visualType": "IMAGE",
427 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"