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,
169 "indicatorTransientDuration":1.0
171 "TextSelectionScrollIndicator":
175 "visualType":"IMAGE",
176 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png" // designed for HD resolution
178 "color":[0.0,0.72,0.9,0.7],
179 "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution
183 "overshootEffectColor":"B018",
184 "overshootAnimationSpeed":120.0,
185 "overshootSize":[480.0,42.0]
189 "overshootEffectColor":"B018",
190 "overshootAnimationSpeed":120.0,
191 "overshootSize":[480.0,42.0]
195 "indicatorShowDuration":0.25,
196 "indicatorHideDuration":0.25
198 "ScrollBarIndicator":
202 "visualType":"IMAGE",
203 "url":"{DALI_IMAGE_DIR}popup_scroll.9.png"
209 "primaryCursorColor":[0.0,0.72,0.9,1.0],
210 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
212 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
213 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
214 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
215 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
216 "enableScrollBar":true,
217 "scrollBarShowDuration":0.8,
218 "scrollBarFadeDuration":0.5
222 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
223 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
224 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
225 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
226 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
227 "popupBackgroundBorder":[17,17,13,13]
231 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
232 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
233 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
234 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
235 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
236 "popupBackgroundBorder":[17,17,13,13]
244 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
248 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
252 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
255 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
256 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
257 "disableColor":[0.5, 0.5, 0.5, 1.0],
258 "popupTextColor":[0.5,0.5,0.5,1.0],
264 "SliderHandleTextLabel":
266 "textColor":[0.8,0.8,1,1]
271 "visualType":"IMAGE",
272 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
275 "visualType":"IMAGE",
276 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
278 "secondaryProgressVisual":{
279 "visualType":"IMAGE",
280 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
282 "indeterminateVisual":{
283 "visualType":"IMAGE",
284 "pixelArea":[0.0, 0.0, 10.0, 1.0],
285 "wrapModeU":"REPEAT",
286 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
288 "indeterminateVisualAnimation":
291 "target":"indeterminateVisual",
292 "property":"pixelArea",
293 "initialValue":[0.0, 0.0, 10.0, 1.0],
294 "targetValue":[-1.0, 0.0, 10.0, 1.0],
297 "alphaFunction":"DEFAULT",
307 "visualType": "TEXT",
308 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
309 "pointSize" : 12.0, // Point size must always be provided to Text Visual
310 "horizontalAlignment": "CENTER",
311 "verticalAlignment": "CENTER"
313 "progressValue": 0.0,
314 "secondaryProgressValue":0.0,
315 "indeterminate": false
319 "styles":["Tooltip"],
320 "initialAutoRepeatingDelay":2.0,
321 "nextAutoRepeatingDelay":0.9
322 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
327 "autoRepeating":false,
329 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
332 "visualType": "TEXT",
333 "horizontalAlignment": "CENTER",
334 "pointSize" : 15.0, // Point size must always be provided to Text Visual
335 "verticalAlignment": "CENTER"
337 "unselectedBackgroundVisual":
339 "visualType": "IMAGE",
340 "url": "{DALI_IMAGE_DIR}button-up.9.png"
342 "selectedBackgroundVisual":
344 "visualType": "IMAGE",
345 "url": "{DALI_IMAGE_DIR}button-down.9.png"
347 "disabledSelectedBackgroundVisual":
349 "visualType": "IMAGE",
350 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
352 "disabledUnselectedBackgroundVisual":
354 "visualType": "IMAGE",
355 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
365 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
368 "visualType": "TEXT",
369 "pointSize" : 15.0, // Point size must always be provided to Text Visual
370 "verticalAlignment": "CENTER"
374 "visualType": "IMAGE",
375 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
379 "visualType": "IMAGE",
380 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
382 "disabledUnselectedVisual":
384 "visualType": "IMAGE",
385 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
387 "disabledSelectedVisual":
389 "visualType": "IMAGE",
390 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
396 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
399 "visualType": "TEXT",
400 "pointSize" : 15.0, // Point size must always be provided to Text Visual
401 "verticalAlignment": "CENTER"
405 "visualType": "IMAGE",
406 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
410 "visualType": "IMAGE",
411 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
413 "disabledUnselectedVisual":
415 "visualType": "IMAGE",
416 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
418 "disabledSelectedVisual":
420 "visualType": "IMAGE",
421 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"