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" },
96 "enableSelection":true
103 "TextFieldFontSize1":
107 "TextFieldFontSize2":
111 "TextFieldFontSize3":
115 "TextFieldFontSize4":
119 "TextSelectionPopup":
121 "popupMaxSize":[400,100],
122 "optionDividerSize":[2,0],
123 "popupDividerColor":[0.23,0.72,0.8,0.11],
124 "popupIconColor":[1.0,1.0,1.0,1.0],
125 "popupPressedColor":[0.24,0.72,0.8,0.11],
127 "visualType": "IMAGE",
128 "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
130 "backgroundBorder": {
131 "visualType": "IMAGE",
132 "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
133 "mixColor":[0.24,0.72,0.8,1.0]
135 "popupFadeInDuration":0.25,
136 "popupFadeOutDuration":0.25
138 "TextSelectionPopupButton":
145 "unselectedBackgroundVisual":
147 "visualType": "IMAGE",
150 "selectedBackgroundVisual":
152 "visualType": "IMAGE",
156 "TextSelectionToolbar":
158 "enableOvershoot":true,
159 "enableScrollBar":true,
162 "overshootAnimationSpeed":120.0,
163 "overshootSize":[480.0,42.0]
166 "TextSelectionScrollBar":
168 "indicatorShowDuration":0.25,
169 "indicatorHideDuration":0.25,
170 "indicatorTransientDuration":1.0
172 "TextSelectionScrollIndicator":
176 "visualType":"IMAGE",
177 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png" // designed for HD resolution
179 "color":[0.0,0.72,0.9,0.7],
180 "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution
184 "overshootEffectColor":"B018",
185 "overshootAnimationSpeed":120.0,
186 "overshootSize":[480.0,42.0]
190 "overshootEffectColor":"B018",
191 "overshootAnimationSpeed":120.0,
192 "overshootSize":[480.0,42.0]
196 "indicatorShowDuration":0.25,
197 "indicatorHideDuration":0.25
199 "ScrollBarIndicator":
203 "visualType":"IMAGE",
204 "url":"{DALI_IMAGE_DIR}popup_scroll.9.png"
210 "primaryCursorColor":[0.0,0.72,0.9,1.0],
211 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
213 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
214 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
215 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
216 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
217 "enableScrollBar":true,
218 "scrollBarShowDuration":0.8,
219 "scrollBarFadeDuration":0.5,
220 "enableSelection":true
224 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
225 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
226 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
227 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
228 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
229 "popupBackgroundBorder":[17,17,13,13]
233 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
234 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
235 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
236 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
237 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
238 "popupBackgroundBorder":[17,17,13,13]
246 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
250 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
254 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
257 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
258 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
259 "disableColor":[0.5, 0.5, 0.5, 1.0],
260 "popupTextColor":[0.5,0.5,0.5,1.0],
266 "SliderHandleTextLabel":
268 "textColor":[0.8,0.8,1,1]
273 "visualType":"IMAGE",
274 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
277 "visualType":"IMAGE",
278 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
280 "secondaryProgressVisual":{
281 "visualType":"IMAGE",
282 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
284 "indeterminateVisual":{
285 "visualType":"IMAGE",
286 "pixelArea":[0.0, 0.0, 10.0, 1.0],
287 "wrapModeU":"REPEAT",
288 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
290 "indeterminateVisualAnimation":
293 "target":"indeterminateVisual",
294 "property":"pixelArea",
295 "initialValue":[0.0, 0.0, 10.0, 1.0],
296 "targetValue":[-1.0, 0.0, 10.0, 1.0],
299 "alphaFunction":"DEFAULT",
309 "visualType": "TEXT",
310 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
311 "pointSize" : 12.0, // Point size must always be provided to Text Visual
312 "horizontalAlignment": "CENTER",
313 "verticalAlignment": "CENTER"
315 "progressValue": 0.0,
316 "secondaryProgressValue":0.0,
317 "indeterminate": false
321 "styles":["Tooltip"],
322 "initialAutoRepeatingDelay":2.0,
323 "nextAutoRepeatingDelay":0.9
324 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
329 "autoRepeating":false,
331 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
334 "visualType": "TEXT",
335 "horizontalAlignment": "CENTER",
336 "pointSize" : 15.0, // Point size must always be provided to Text Visual
337 "verticalAlignment": "CENTER"
339 "unselectedBackgroundVisual":
341 "visualType": "IMAGE",
342 "url": "{DALI_IMAGE_DIR}button-up.9.png"
344 "selectedBackgroundVisual":
346 "visualType": "IMAGE",
347 "url": "{DALI_IMAGE_DIR}button-down.9.png"
349 "disabledSelectedBackgroundVisual":
351 "visualType": "IMAGE",
352 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
354 "disabledUnselectedBackgroundVisual":
356 "visualType": "IMAGE",
357 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
367 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
370 "visualType": "TEXT",
371 "pointSize" : 15.0, // Point size must always be provided to Text Visual
372 "verticalAlignment": "CENTER"
376 "visualType": "IMAGE",
377 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
381 "visualType": "IMAGE",
382 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
384 "disabledUnselectedVisual":
386 "visualType": "IMAGE",
387 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
389 "disabledSelectedVisual":
391 "visualType": "IMAGE",
392 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
398 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
401 "visualType": "TEXT",
402 "pointSize" : 15.0, // Point size must always be provided to Text Visual
403 "verticalAlignment": "CENTER"
407 "visualType": "IMAGE",
408 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
412 "visualType": "IMAGE",
413 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
415 "disabledUnselectedVisual":
417 "visualType": "IMAGE",
418 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
420 "disabledSelectedVisual":
422 "visualType": "IMAGE",
423 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"