Merge "Add bidirectional text tct." into devel/master
[platform/core/uifw/dali-toolkit.git] / dali-toolkit / styles / 1920x1080 / dali-toolkit-default-theme.json
1 /*
2  * Copyright (c) 2017 Samsung Electronics Co., Ltd.
3  *
4  * This file is part of Dali Toolkit
5  *
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
9  *
10  * http://www.apache.org/licenses/LICENSE-2.0
11  *
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.
17  */
18
19
20 //******************************************************************************
21 //
22 // Default Reference style theme for a 1920x1080 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.
25 //
26 //******************************************************************************
27
28 {
29   "config":
30   {
31     "brokenImageUrl":"{DALI_IMAGE_DIR}broken.png",
32     "alwaysShowFocus":true,
33     "clearFocusOnEscape":false
34   },
35   "styles":
36   {
37     "Tooltip":
38     {
39       "tooltip":
40       {
41         "content":
42         {
43           "pointSize":42
44         },
45         "waitTime":0.5,
46         "background":
47         {
48           "visual":"{DALI_IMAGE_DIR}tooltip.9.png",
49           "border":[1,5,5,1]
50         },
51         "tail":
52         {
53           "visibility":false,
54           "aboveVisual":"{DALI_IMAGE_DIR}tooltip-tail-above.png",
55           "belowVisual":"{DALI_IMAGE_DIR}tooltip-tail-below.png"
56         },
57         "position":"BELOW",
58         "hoverPointOffset":[10,10],
59         "movementThreshold":5,
60         "disappearOnMovement":false
61       }
62     },
63     "TextLabel":
64     {
65       "pointSize":54,
66       "enableAutoScroll":false,
67       "autoScrollLoopCount":2,
68       "autoScrollGap":50,
69       "autoScrollSpeed":80
70     },
71
72     "TextLabelFontSize0":
73     {
74       "pointSize":42
75     },
76     "TextLabelFontSize1":
77     {
78       "pointSize":48
79     },
80     "TextLabelFontSize2":
81     {
82       "pointSize":54
83     },
84     "TextLabelFontSize3":
85     {
86       "pointSize":60
87     },
88     "TextLabelFontSize4":
89     {
90       "pointSize":66
91     },
92
93     "TextField":
94     {
95       "pointSize":60,
96       "primaryCursorColor":[0.0,0.72,0.9,1.0],
97       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
98       "cursorWidth":6,
99       "selectionHighlightColor":[0.75,0.96,1.0,1.0],
100       "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png",
101       "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" },
102       "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" },
103       "enableSelection":false
104     },
105
106     "TextFieldFontSize0":
107     {
108       "pointSize":60
109     },
110     "TextFieldFontSize1":
111     {
112       "pointSize":60
113     },
114     "TextFieldFontSize2":
115     {
116       "pointSize":60
117     },
118     "TextFieldFontSize3":
119     {
120       "pointSize":60
121     },
122     "TextFieldFontSize4":
123     {
124       "pointSize":60
125     },
126     "TextSelectionPopup":
127     {
128       "popupMaxSize":[1700,100],
129       "optionDividerSize":[2,0],
130       "popupDividerColor":[0.23,0.72,0.8,0.11],
131       "popupIconColor":[1.0,1.0,1.0,1.0],
132       "popupPressedColor":[0.24,0.72,0.8,0.11],
133       "background": {
134         "rendererType": "image",
135         "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png"
136         },
137       "backgroundBorder": {
138         "visualType": "IMAGE",
139         "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png",
140         "mixColor":[0.24,0.72,0.8,1.0]
141         },
142       "popupFadeInDuration":0.25,
143       "popupFadeOutDuration":0.25
144     },
145     "TextSelectionPopupButton":
146     {
147       "label":
148       {
149         "visualType":"TEXT",
150         "pointSize":60
151       },
152       "unselectedBackgroundVisual":
153       {
154         "visualType": "IMAGE",
155         "url": ""
156       },
157       "selectedBackgroundVisual":
158       {
159         "visualType": "IMAGE",
160         "url": ""
161       }
162     },
163     "TextSelectionToolbar":
164     {
165       "enableOvershoot":true,
166       "enableScrollBar":true,
167       "scrollView":
168       {
169         "overshootAnimationSpeed":360.0,
170         "overshootSize":[1920.0,130.0]
171       }
172     },
173     "TextSelectionScrollBar":
174     {
175       "indicatorShowDuration":0.25,
176       "indicatorHideDuration":0.25,
177       "indicatorTransientDuration":1.0
178     },
179     "TextSelectionScrollIndicator":
180     {
181       "image":
182       {
183         "visualType":"IMAGE",
184         "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png"
185       },
186       "color":[0.0,0.72,0.9,0.7]
187     },
188     "ScrollView":
189     {
190       "overshootEffectColor":"B018",
191       "overshootAnimationSpeed":960.0,
192       "overshootSize":[1920.0,130.0]
193     },
194     "ItemView":
195     {
196       "overshootEffectColor":"B018",
197       "overshootAnimationSpeed":960.0,
198       "overshootSize":[1920.0,130.0]
199     },
200     "ScrollBar":
201     {
202       "indicatorShowDuration":0.25,
203       "indicatorHideDuration":0.25,
204       "color":[0.0,0.72,0.9,0.7]
205     },
206     "TextEditor":
207     {
208       "pointSize":60,
209       "primaryCursorColor":[0.0,0.72,0.9,1.0],
210       "secondaryCursorColor":[0.0,0.72,0.9,1.0],
211       "cursorWidth":6,
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,
219       "enableSelection":false
220     },
221     "ProgressBar":
222     {
223       "trackVisual":{
224         "visualType":"IMAGE",
225         "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png"
226       },
227       "progressVisual":{
228         "visualType":"IMAGE",
229         "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png"
230       },
231       "secondaryProgressVisual":{
232         "visualType":"IMAGE",
233         "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png"
234       },
235       "indeterminateVisual":{
236         "visualType":"IMAGE",
237         "pixelArea":[0.0, 0.0, 10.0, 1.0],
238         "wrapModeU":"REPEAT",
239         "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png"
240       },
241       "indeterminateVisualAnimation":
242       [
243         {
244           "target":"indeterminateVisual",
245           "property":"pixelArea",
246           "initialValue":[0.0, 0.0, 10.0, 1.0],
247           "targetValue":[-1.0, 0.0, 10.0, 1.0],
248           "animator":
249           {
250             "alphaFunction":"DEFAULT",
251             "timePeriod":
252             {
253               "duration":0.8,
254               "delay":0
255             }
256           }
257         }
258       ],
259       "labelVisual":{
260         "visualType": "TEXT",
261         "textColor": [ 1.0, 1.0, 1.0, 1.0 ],
262         "pointSize" : 12.0, // Point size must always be provided to Text Visual
263         "horizontalAlignment": "CENTER",
264         "verticalAlignment": "CENTER"
265       },
266       "progressValue": 0.0,
267       "secondaryProgressValue":0.0,
268       "indeterminate": false
269     },
270     "Button":
271     {
272       "styles":["Tooltip"],
273       "initialAutoRepeatingDelay":2.0,
274       "nextAutoRepeatingDelay":0.9
275       // Note: Visuals added to Button will be used in all derived buttons unless overridden.
276     },
277     "PushButton":
278     {
279       "styles":["Button"],
280       "autoRepeating":false,
281       "togglable":false,
282       "labelPadding":[ 12.0, 12.0, 12.0, 12.0 ],
283       "label":
284        {
285          "visualType": "TEXT",
286          "horizontalAlignment": "CENTER",
287          "pointSize" : 15.0, // Point size must always be provided to Text Visual
288          "verticalAlignment": "CENTER"
289        },
290       "unselectedBackgroundVisual":
291        {
292          "visualType": "IMAGE",
293          "url": "{DALI_IMAGE_DIR}button-up.9.png"
294        },
295        "selectedBackgroundVisual":
296        {
297          "visualType": "IMAGE",
298          "url": "{DALI_IMAGE_DIR}button-down.9.png"
299        },
300        "disabledSelectedBackgroundVisual":
301        {
302          "visualType": "IMAGE",
303          "url": "{DALI_IMAGE_DIR}button-down-disabled.9.png"
304        },
305        "disabledUnselectedBackgroundVisual":
306        {
307          "visualType": "IMAGE",
308          "url": "{DALI_IMAGE_DIR}button-disabled.9.png"
309        }
310     },
311     "ToggleButton":
312     {
313       "styles":["Button"]
314     },
315     "CheckBoxButton":
316     {
317       "styles":["Button"],
318       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
319       "label":
320        {
321          "visualType": "TEXT",
322          "pointSize" : 15.0, // Point size must always be provided to Text Visual
323          "verticalAlignment": "CENTER"
324        },
325       "unselectedVisual":
326       {
327         "visualType": "IMAGE",
328         "url": "{DALI_IMAGE_DIR}checkbox-unselected.png"
329       },
330       "selectedVisual":
331       {
332         "visualType": "IMAGE",
333         "url": "{DALI_IMAGE_DIR}checkbox-selected.png"
334       },
335       "disabledUnselectedVisual":
336       {
337         "visualType": "IMAGE",
338         "url": "{DALI_IMAGE_DIR}checkbox-unselected-disabled.png"
339       },
340       "disabledSelectedVisual":
341       {
342         "visualType": "IMAGE",
343         "url": "{DALI_IMAGE_DIR}checkbox-selected-disabled.png"
344       }
345     },
346     "RadioButton":
347     {
348       "styles":["Button"],
349       "labelPadding":[ 12.0, 12.0, 0.0, 0.0 ],
350       "label":
351        {
352          "visualType": "TEXT",
353          "pointSize" : 15.0, // Point size must always be provided to Text Visual
354          "verticalAlignment": "CENTER"
355        },
356       "unselectedVisual":
357       {
358         "visualType": "IMAGE",
359         "url": "{DALI_IMAGE_DIR}radio-button-unselected.png"
360       },
361       "selectedVisual":
362       {
363         "visualType": "IMAGE",
364         "url": "{DALI_IMAGE_DIR}radio-button-selected.png"
365       },
366       "disabledUnselectedVisual":
367       {
368         "visualType": "IMAGE",
369         "url": "{DALI_IMAGE_DIR}radio-button-unselected-disabled.png"
370       },
371       "disabledSelectedVisual":
372       {
373         "visualType": "IMAGE",
374         "url": "{DALI_IMAGE_DIR}radio-button-selected-disabled.png"
375       }
376     }
377   }
378 }