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 //******************************************************************************
42 "visual":"{DALI_IMAGE_DIR}tooltip.9.png",
48 "aboveVisual":"{DALI_IMAGE_DIR}tooltip-tail-above.png",
49 "belowVisual":"{DALI_IMAGE_DIR}tooltip-tail-below.png"
52 "hoverPointOffset":[10,10],
53 "movementThreshold":5,
54 "disappearOnMovement":false
60 "enableAutoScroll":false,
61 "autoScrollLoopCount":2,
89 "primaryCursorColor":[0.0,0.72,0.9,1.0],
90 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
92 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
93 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
94 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
95 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
102 "TextFieldFontSize1":
106 "TextFieldFontSize2":
110 "TextFieldFontSize3":
114 "TextFieldFontSize4":
118 "TextSelectionPopup":
120 "popupMaxSize":[400,100],
121 "optionDividerSize":[2,0],
122 "popupDividerColor":[0.23,0.72,0.8,0.11],
123 "popupIconColor":[1.0,1.0,1.0,1.0],
124 "popupPressedColor":[0.24,0.72,0.8,0.11],
126 "visualType": "IMAGE",
127 "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
129 "backgroundBorder": {
130 "visualType": "IMAGE",
131 "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
132 "mixColor":[0.24,0.72,0.8,1.0]
134 "popupFadeInDuration":0.25,
135 "popupFadeOutDuration":0.25
137 "TextSelectionPopupButton":
144 "unselectedBackgroundVisual":
146 "visualType": "IMAGE",
149 "selectedBackgroundVisual":
151 "visualType": "IMAGE",
155 "TextSelectionToolbar":
157 "enableOvershoot":true,
158 "enableScrollBar":true,
161 "overshootAnimationSpeed":120.0,
162 "overshootSize":[480.0,42.0]
165 "TextSelectionScrollBar":
167 "indicatorShowDuration":0.25,
168 "indicatorHideDuration":0.25
170 "TextSelectionScrollIndicator":
174 "visualType":"IMAGE",
175 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png" // designed for HD resolution
177 "color":[0.0,0.72,0.9,0.7],
178 "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution
182 "overshootEffectColor":"B018",
183 "overshootAnimationSpeed":120.0,
184 "overshootSize":[480.0,42.0]
188 "overshootEffectColor":"B018",
189 "overshootAnimationSpeed":120.0,
190 "overshootSize":[480.0,42.0]
194 "indicatorShowDuration":0.25,
195 "indicatorHideDuration":0.25
197 "ScrollBarIndicator":
201 "visualType":"IMAGE",
202 "url":"{DALI_IMAGE_DIR}popup_scroll.9.png"
208 "primaryCursorColor":[0.0,0.72,0.9,1.0],
209 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
211 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
212 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
213 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
214 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }
218 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
219 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
220 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
221 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
222 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
223 "popupBackgroundBorder":[17,17,13,13]
227 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
228 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
229 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
230 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
231 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
232 "popupBackgroundBorder":[17,17,13,13]
240 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
244 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
248 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
251 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
252 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
253 "disableColor":[0.5, 0.5, 0.5, 1.0],
254 "popupTextColor":[0.5,0.5,0.5,1.0],
260 "SliderHandleTextLabel":
262 "textColor":[0.8,0.8,1,1]
267 "visualType":"IMAGE",
268 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
271 "visualType":"IMAGE",
272 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
274 "secondaryProgressVisual":{
275 "visualType":"IMAGE",
276 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
278 "indeterminateVisual":{
279 "visualType":"IMAGE",
280 "pixelArea":[0.0, 0.0, 10.0, 1.0],
281 "wrapModeU":"REPEAT",
282 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
284 "indeterminateVisualAnimation":
287 "target":"indeterminateVisual",
288 "property":"pixelArea",
289 "initialValue":[0.0, 0.0, 10.0, 1.0],
290 "targetValue":[-1.0, 0.0, 10.0, 1.0],
293 "alphaFunction":"DEFAULT",
303 "visualType": "TEXT",
304 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
305 "pointSize" : 12.0, // Point size must always be provided to Text Visual
306 "horizontalAlignment": "CENTER",
307 "verticalAlignment": "CENTER"
309 "progressValue": 0.0,
310 "secondaryProgressValue":0.0,
311 "indeterminate": false
315 "styles":["Tooltip"],
316 "initialAutoRepeatingDelay":2.0,
317 "nextAutoRepeatingDelay":0.9
318 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
323 "autoRepeating":false,
325 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
328 "visualType": "TEXT",
329 "horizontalAlignment": "CENTER",
330 "pointSize" : 15.0, // Point size must always be provided to Text Visual
331 "verticalAlignment": "CENTER"
333 "unselectedBackgroundVisual":
335 "visualType": "IMAGE",
336 "url": "{DALI_IMAGE_DIR}button-up.9.png"
338 "selectedBackgroundVisual":
340 "visualType": "IMAGE",
341 "url": "{DALI_IMAGE_DIR}button-down.9.png"
343 "disabledSelectedBackgroundVisual":
345 "visualType": "IMAGE",
346 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
348 "disabledUnselectedBackgroundVisual":
350 "visualType": "IMAGE",
351 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
361 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
364 "visualType": "TEXT",
365 "pointSize" : 15.0, // Point size must always be provided to Text Visual
366 "verticalAlignment": "CENTER"
370 "visualType": "IMAGE",
371 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
375 "visualType": "IMAGE",
376 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
378 "disabledUnselectedVisual":
380 "visualType": "IMAGE",
381 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
383 "disabledSelectedVisual":
385 "visualType": "IMAGE",
386 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
392 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
395 "visualType": "TEXT",
396 "pointSize" : 15.0, // Point size must always be provided to Text Visual
397 "verticalAlignment": "CENTER"
401 "visualType": "IMAGE",
402 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
406 "visualType": "IMAGE",
407 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
409 "disabledUnselectedVisual":
411 "visualType": "IMAGE",
412 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
414 "disabledSelectedVisual":
416 "visualType": "IMAGE",
417 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"