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" }
102 "TextFieldFontSize0":
106 "TextFieldFontSize1":
110 "TextFieldFontSize2":
114 "TextFieldFontSize3":
118 "TextFieldFontSize4":
122 "TextSelectionPopup":
124 "popupMaxSize":[400,100],
125 "optionDividerSize":[2,0],
126 "popupDividerColor":[0.23,0.72,0.8,0.11],
127 "popupIconColor":[1.0,1.0,1.0,1.0],
128 "popupPressedColor":[0.24,0.72,0.8,0.11],
130 "visualType": "IMAGE",
131 "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
133 "backgroundBorder": {
134 "visualType": "IMAGE",
135 "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
136 "mixColor":[0.24,0.72,0.8,1.0]
138 "popupFadeInDuration":0.25,
139 "popupFadeOutDuration":0.25
141 "TextSelectionPopupButton":
148 "unselectedBackgroundVisual":
150 "visualType": "IMAGE",
153 "selectedBackgroundVisual":
155 "visualType": "IMAGE",
159 "TextSelectionToolbar":
161 "enableOvershoot":true,
162 "enableScrollBar":true,
165 "overshootAnimationSpeed":120.0,
166 "overshootSize":[480.0,42.0]
169 "TextSelectionScrollBar":
171 "indicatorShowDuration":0.25,
172 "indicatorHideDuration":0.25,
173 "indicatorTransientDuration":1.0
175 "TextSelectionScrollIndicator":
179 "visualType":"IMAGE",
180 "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png" // designed for HD resolution
182 "color":[0.0,0.72,0.9,0.7],
183 "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution
187 "overshootEffectColor":"B018",
188 "overshootAnimationSpeed":120.0,
189 "overshootSize":[480.0,42.0]
193 "overshootEffectColor":"B018",
194 "overshootAnimationSpeed":120.0,
195 "overshootSize":[480.0,42.0]
199 "indicatorShowDuration":0.25,
200 "indicatorHideDuration":0.25
202 "ScrollBarIndicator":
206 "visualType":"IMAGE",
207 "url":"{DALI_IMAGE_DIR}popup_scroll.9.png"
213 "primaryCursorColor":[0.0,0.72,0.9,1.0],
214 "secondaryCursorColor":[0.0,0.72,0.9,1.0],
216 "selectionHighlightColor":[0.75,0.96,1.0,1.0],
217 "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
218 "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
219 "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
220 "enableScrollBar":true,
221 "scrollBarShowDuration":0.8,
222 "scrollBarFadeDuration":0.5
226 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
227 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
228 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
229 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
230 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
231 "popupBackgroundBorder":[17,17,13,13]
235 "popupBackgroundImage":"{DALI_IMAGE_DIR}00_popup_bg.9.png",
236 "tailUpImage":"{DALI_IMAGE_DIR}popup_tail_up.png",
237 "tailDownImage":"{DALI_IMAGE_DIR}popup_tail_down.png",
238 "tailLeftImage":"{DALI_IMAGE_DIR}popup_tail_left.png",
239 "tailRightImage":"{DALI_IMAGE_DIR}popup_tail_right.png",
240 "popupBackgroundBorder":[17,17,13,13]
248 "url":"{DALI_IMAGE_DIR}slider-skin.9.png",
252 "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png",
256 "url":"{DALI_IMAGE_DIR}slider-skin-handle.png",
259 "popupVisual":"{DALI_IMAGE_DIR}slider-popup.9.png",
260 "popupArrowVisual":"{DALI_IMAGE_DIR}slider-popup-arrow.9.png",
261 "disableColor":[0.5, 0.5, 0.5, 1.0],
262 "popupTextColor":[0.5,0.5,0.5,1.0],
268 "SliderHandleTextLabel":
270 "textColor":[0.8,0.8,1,1]
275 "visualType":"IMAGE",
276 "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
279 "visualType":"IMAGE",
280 "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
282 "secondaryProgressVisual":{
283 "visualType":"IMAGE",
284 "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
286 "indeterminateVisual":{
287 "visualType":"IMAGE",
288 "pixelArea":[0.0, 0.0, 10.0, 1.0],
289 "wrapModeU":"REPEAT",
290 "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
292 "indeterminateVisualAnimation":
295 "target":"indeterminateVisual",
296 "property":"pixelArea",
297 "initialValue":[0.0, 0.0, 10.0, 1.0],
298 "targetValue":[-1.0, 0.0, 10.0, 1.0],
301 "alphaFunction":"DEFAULT",
311 "visualType": "TEXT",
312 "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
313 "pointSize" : 12.0, // Point size must always be provided to Text Visual
314 "horizontalAlignment": "CENTER",
315 "verticalAlignment": "CENTER"
317 "progressValue": 0.0,
318 "secondaryProgressValue":0.0,
319 "indeterminate": false
323 "styles":["Tooltip"],
324 "initialAutoRepeatingDelay":2.0,
325 "nextAutoRepeatingDelay":0.9
326 // Note: Visuals added to Button will be used in all derived buttons unless overridden.
331 "autoRepeating":false,
333 "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
336 "visualType": "TEXT",
337 "horizontalAlignment": "CENTER",
338 "pointSize" : 15.0, // Point size must always be provided to Text Visual
339 "verticalAlignment": "CENTER"
341 "unselectedBackgroundVisual":
343 "visualType": "IMAGE",
344 "url": "{DALI_IMAGE_DIR}button-up.9.png"
346 "selectedBackgroundVisual":
348 "visualType": "IMAGE",
349 "url": "{DALI_IMAGE_DIR}button-down.9.png"
351 "disabledSelectedBackgroundVisual":
353 "visualType": "IMAGE",
354 "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
356 "disabledUnselectedBackgroundVisual":
358 "visualType": "IMAGE",
359 "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
369 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
372 "visualType": "TEXT",
373 "pointSize" : 15.0, // Point size must always be provided to Text Visual
374 "verticalAlignment": "CENTER"
378 "visualType": "IMAGE",
379 "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
383 "visualType": "IMAGE",
384 "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
386 "disabledUnselectedVisual":
388 "visualType": "IMAGE",
389 "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
391 "disabledSelectedVisual":
393 "visualType": "IMAGE",
394 "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
400 "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
403 "visualType": "TEXT",
404 "pointSize" : 15.0, // Point size must always be provided to Text Visual
405 "verticalAlignment": "CENTER"
409 "visualType": "IMAGE",
410 "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
414 "visualType": "IMAGE",
415 "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
417 "disabledUnselectedVisual":
419 "visualType": "IMAGE",
420 "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
422 "disabledSelectedVisual":
424 "visualType": "IMAGE",
425 "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"