[NUI] Fix button CellPadding policy and default CornerRadius
[platform/core/csapi/tizenfx.git] / src / Tizen.NUI.Components / Theme / DefaultThemeCommon.cs
1 /*
2  * Copyright(c) 2021 Samsung Electronics Co., Ltd.
3  *
4  * Licensed under the Apache License, Version 2.0 (the "License");
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  * http://www.apache.org/licenses/LICENSE-2.0
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an "AS IS" BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13  * See the License for the specific language governing permissions and
14  * limitations under the License.
15  *
16  */
17 #if !PROFILE_WEARABLE
18
19 using System.Diagnostics.CodeAnalysis;
20 using Tizen.NUI.BaseComponents;
21
22 namespace Tizen.NUI.Components
23 {
24     // It is a C# version of res/Tizen.NUI.Components_Tizen.NUI.Theme.Common.xaml
25     internal partial class DefaultThemeCreator : IThemeCreator
26     {
27         [SuppressMessage("Microsoft.Reliability", "CA2000: Dispose objects before losing scope", Justification = "The responsibility to dispose the object is transferred to the theme object.")]
28         public Theme Create()
29         {
30             var theme = new Theme()
31             {
32                 Id = Tizen.NUI.DefaultThemeCreator.DefaultId,
33                 Version = Tizen.NUI.DefaultThemeCreator.DefaultVersion
34             };
35
36             theme.AddStyleWithoutClone("Tizen.NUI.Components.Button", new ButtonStyle()
37             {
38                 Size = new Size(339, 96),
39                 CornerRadius = 28.0f,
40                 ItemAlignment = LinearLayout.Alignment.Center,
41                 BackgroundColor = new Selector<Color>()
42                 {
43                     Normal = new Color(0.039f, 0.055f, 0.29f, 1),
44                     Pressed = new Color(0.106f, 0.412f, 0.792f, 1),
45                     Focused = new Color(0, 0.2f, 0.545f, 1),
46                     Disabled = new Color(0.765f, 0.792f, 0.824f, 1),
47                 },
48                 Text = new TextLabelStyle()
49                 {
50                     PixelSize = 32,
51                     TextColor = Color.White,
52                 }
53             });
54
55             theme.AddStyleWithoutClone("Tizen.NUI.Components.CheckBox", new ButtonStyle()
56             {
57                 ItemSpacing = new Size2D(32, 32),
58                 ItemAlignment = LinearLayout.Alignment.CenterVertical,
59                 Icon = new ImageViewStyle()
60                 {
61                     Size = new Size(36, 36),
62                     ResourceUrl = new Selector<string>()
63                     {
64                         Normal = FrameworkInformation.ResourcePath + "IoT_check_off.png",
65                         Pressed = FrameworkInformation.ResourcePath + "IoT_check_off_p.png",
66                         Disabled = FrameworkInformation.ResourcePath + "IoT_check_off_d.png",
67                         Focused = FrameworkInformation.ResourcePath + "IoT_check_off_f.png",
68                         Selected = FrameworkInformation.ResourcePath + "IoT_check_on.png",
69                         SelectedPressed = FrameworkInformation.ResourcePath + "IoT_check_on_p.png",
70                         SelectedFocused = FrameworkInformation.ResourcePath + "IoT_check_on_f.png",
71                         DisabledSelected = FrameworkInformation.ResourcePath + "IoT_check_on_d.png",
72                     },
73                 },
74                 Text = new TextLabelStyle()
75                 {
76                     PixelSize = 32,
77                     TextColor = new Color("#001447")
78                 }
79             });
80
81             theme.AddStyleWithoutClone("Tizen.NUI.Components.Popup", new PopupStyle()
82             {
83                 Size = new Size(500, 280),
84                 BackgroundColor = new Color(0.9f, 0.9f, 0.9f, 1),
85                 ImageShadow = new ImageShadow()
86                 {
87                     Url = FrameworkInformation.ResourcePath + "nui_component_default_popup_shadow.png",
88                     Border = new Rectangle(24, 24, 24, 24),
89                     Extents = new Vector2(48, 48)
90                 },
91                 Title = new TextLabelStyle()
92                 {
93                     PointSize = 16,
94                     Padding = new Extents(20, 20, 20, 20),
95                 },
96                 Buttons = new ButtonStyle()
97                 {
98                     Size = new Size(0, 80),
99                     BackgroundColor = new Selector<Color>()
100                     {
101                         Normal = new Color(1, 1, 1, 1),
102                         Pressed = new Color(1, 1, 1, 0.5f),
103                     },
104                     Overlay = new ImageViewStyle()
105                     {
106                         BackgroundColor = new Selector<Color>()
107                         {
108                             Pressed = new Color(0, 0, 0, 0.1f),
109                             Other = new Color(1, 1, 1, 0.1f),
110                         },
111                     },
112                     Text = new TextLabelStyle()
113                     {
114                         TextColor = new Color(0.05f, 0.63f, 0.9f, 1),
115                     }
116                 }
117             });
118
119             theme.AddStyleWithoutClone("Tizen.NUI.Components.Progress", new ProgressStyle()
120             {
121                 Size = new Size(200, 25),
122                 Track = new ImageViewStyle()
123                 {
124                     ResourceUrl = FrameworkInformation.ResourcePath + "IoT_progressindicator_empty.png",
125                     BackgroundColor = new Color(0, 0, 0, 0.1f),
126                 },
127                 Buffer = new ImageViewStyle()
128                 {
129                     BackgroundColor = new Color(0.05f, 0.63f, 0.9f, 0.3f),
130                 },
131                 Progress = new ImageViewStyle()
132                 {
133                     ResourceUrl = new Selector<string>()
134                     {
135                         Normal = FrameworkInformation.ResourcePath + "IoT_progressindicator_progress.png",
136                         Disabled = FrameworkInformation.ResourcePath + "IoT_progressindicator_progressdisabled.png",
137                     },
138                     BackgroundColor = new Color(0.05f, 0.63f, 0.9f, 1),
139                 },
140                 IndeterminateImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_progress_indeterminate.png",
141             });
142
143             theme.AddStyleWithoutClone("Tizen.NUI.Components.RadioButton", new ButtonStyle()
144             {
145                 ItemSpacing = new Size2D(32, 32),
146                 ItemAlignment = LinearLayout.Alignment.CenterVertical,
147                 Icon = new ImageViewStyle()
148                 {
149                     Size = new Size(36, 36),
150                     ResourceUrl = new Selector<string>()
151                     {
152                         Normal = FrameworkInformation.ResourcePath + "IoT_radiobutton_off.png",
153                         Pressed = FrameworkInformation.ResourcePath + "IoT_radiobutton_off_p.png",
154                         Disabled = FrameworkInformation.ResourcePath + "IoT_radiobutton_off_d.png",
155                         Focused = FrameworkInformation.ResourcePath + "IoT_radiobutton_off_f.png",
156                         Selected = FrameworkInformation.ResourcePath + "IoT_radiobutton_on.png",
157                         SelectedPressed = FrameworkInformation.ResourcePath + "IoT_radiobutton_on_p.png",
158                         SelectedFocused = FrameworkInformation.ResourcePath + "IoT_radiobutton_on_f.png",
159                         DisabledSelected = FrameworkInformation.ResourcePath + "IoT_radiobutton_on_d.png",
160                     },
161                 },
162                 Text = new TextLabelStyle()
163                 {
164                     PixelSize = 32,
165                     TextColor = new Color("#001447")
166                 }
167             });
168
169             theme.AddStyleWithoutClone("Tizen.NUI.Components.Slider", new SliderStyle()
170             {
171                 Size = new Size(200, 50),
172                 TrackThickness = 8,
173                 Track = new ImageViewStyle()
174                 {
175                     Size = new Size(100, 8),
176                     ResourceUrl = new Selector<string>()
177                     {
178                         Normal = FrameworkInformation.ResourcePath + "IoT_slider_status_empty_track.png",
179                         Disabled = FrameworkInformation.ResourcePath + "IoT_slider_status_track_disabled.png",
180                     },
181                     BackgroundColor = new Color(1.0f, 1.0f, 1.0f, 0.1f),
182                 },
183                 Progress = new ImageViewStyle()
184                 {
185                     Size = new Size(100, 8),
186                     ResourceUrl = FrameworkInformation.ResourcePath + "IoT_slider_status_track.png",
187                     BackgroundColor = new Color(0.03f, 0.05f, 0.3f, 1),
188                 },
189                 Thumb = new ImageViewStyle()
190                 {
191                     Size = new Size(36, 36),
192                     ResourceUrl = FrameworkInformation.ResourcePath + "IoT_slider_handler_normal.png",
193                     // TODO : Should check later when UX guide provides the pressed image
194                     /*BackgroundImage = new Selector<string>()
195                     {
196                         Normal = FrameworkInformation.ResourcePath + "nui_component_default_slider_thumb_bg_p.png",
197                         Pressed = FrameworkInformation.ResourcePath + "nui_component_default_slider_thumb_bg_p.png",
198                     }*/
199                 },
200                 ValueIndicatorImage = new ImageViewStyle()
201                 {
202                     Size = new Size(49, 24),
203                     BackgroundColor = new Color(0.0f, 0.04f, 0.16f, 1.0f),
204                 },
205             });
206
207             theme.AddStyleWithoutClone("Tizen.NUI.Components.Switch", new SwitchStyle()
208             {
209                 ItemSpacing = new Size2D(32, 32),
210                 ItemAlignment = LinearLayout.Alignment.CenterVertical,
211                 Track = new ImageViewStyle()
212                 {
213                     Size = new Size(80, 40),
214                     ResourceUrl = new Selector<string>()
215                     {
216                         Normal = FrameworkInformation.ResourcePath + "IoT_switch_track_off.png",
217                         Pressed = FrameworkInformation.ResourcePath + "IoT_switch_track_off_p.png",
218                         Disabled = FrameworkInformation.ResourcePath + "IoT_switch_track_off_d.png",
219                         Focused = FrameworkInformation.ResourcePath + "IoT_switch_track_off_f.png",
220                         Selected = FrameworkInformation.ResourcePath + "IoT_switch_track_on.png",
221                         SelectedPressed = FrameworkInformation.ResourcePath + "IoT_switch_track_on_p.png",
222                         SelectedFocused = FrameworkInformation.ResourcePath + "IoT_switch_track_on_f.png",
223                         DisabledSelected = FrameworkInformation.ResourcePath + "IoT_switch_track_on_d.png",
224                     },
225                 },
226                 Thumb = new ImageViewStyle()
227                 {
228                     Size = new Size(40, 40),
229                     ResourceUrl = new Selector<string>()
230                     {
231                         Normal = FrameworkInformation.ResourcePath + "IoT_switch_thumb.png",
232                         Disabled = FrameworkInformation.ResourcePath + "IoT_switch_thumb_d.png",
233                         Selected = FrameworkInformation.ResourcePath + "IoT_switch_thumb_s.png",
234                         SelectedPressed = FrameworkInformation.ResourcePath + "IoT_switch_thumb_sp.png",
235                         SelectedFocused = FrameworkInformation.ResourcePath + "IoT_switch_thumb_sf.png",
236                     }
237                 },
238                 Text = new TextLabelStyle()
239                 {
240                     PixelSize = 32,
241                     TextColor = new Color("#001447")
242                 }
243             });
244
245             theme.AddStyleWithoutClone("Tizen.NUI.Components.Loading", new LoadingStyle()
246             {
247                 LoadingSize = new Size(100, 100),
248             });
249
250             theme.AddStyleWithoutClone("Tizen.NUI.Components.Pagination", new PaginationStyle()
251             {
252                 IndicatorImageUrl = new Selector<string>()
253                 {
254                     Normal = FrameworkInformation.ResourcePath + "nui_component_default_pagination_normal_dot.png",
255                     Selected = FrameworkInformation.ResourcePath + "nui_component_default_pagination_focus_dot.png",
256                 },
257                 IndicatorSize = new Size(10, 10),
258             });
259
260             theme.AddStyleWithoutClone("Tizen.NUI.Components.Scrollbar", new ScrollbarStyle()
261             {
262                 TrackThickness = 12,
263                 ThumbThickness = 12,
264                 TrackColor = new Color(0f, 0f, 0f, 0f),
265                 ThumbColor = new Color("#0A0E4AFF"),
266                 TrackPadding = 4,
267                 ThumbVerticalImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_scroll_vbar.#.png",
268                 ThumbHorizontalImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_scroll_hbar.#.png",
269             });
270
271             theme.AddStyleWithoutClone("Tizen.NUI.Components.LinearLayouter", new ViewStyle()
272             {
273                 Padding = new Extents(64, 64, 0, 0)
274             });
275
276             theme.AddStyleWithoutClone("Tizen.NUI.Components.GridLayouter", new ViewStyle()
277             {
278                 Padding = new Extents(0, 0, 0, 0),
279             });
280
281             theme.AddStyleWithoutClone("Tizen.NUI.Components.ItemsLayouter", new ViewStyle()
282             {
283                 Padding = new Extents(0, 0, 0, 0),
284             });
285
286             theme.AddStyleWithoutClone("Tizen.NUI.Components.RecyclerViewItem", new RecyclerViewItemStyle()
287             {
288                 BackgroundColor = new Selector<Color>()
289                 {
290                     Normal = new Color(1, 1, 1, 1),
291                     Pressed = new Color(0.85f, 0.85f, 0.85f, 1),
292                     Disabled = new Color(0.70f, 0.70f, 0.70f, 1),
293                     Selected = new Color(0.701f, 0.898f, 0.937f, 1),
294                 },
295             });
296
297             theme.AddStyleWithoutClone("Tizen.NUI.Components.DefaultLinearItem", new DefaultLinearItemStyle()
298             {
299                 SizeHeight = 108,
300                 Padding = new Extents(64, 64, 18, 17),
301                 Margin = new Extents(0, 0, 0, 0),
302                 BackgroundColor = new Selector<Color>()
303                 {
304                     Normal = new Color(1, 1, 1, 1),
305                     Pressed = new Color(0.85f, 0.85f, 0.85f, 1),
306                     Disabled = new Color(0.70f, 0.70f, 0.70f, 1),
307                     Selected = new Color(0.85f, 0.85f, 0.85f, 1),
308                 },
309                 Label = new TextLabelStyle()
310                 {
311                     PixelSize = 32,
312                     Ellipsis = true,
313                     FontFamily = "BreezeSans", //FXIME Font Weight is Light
314                     TextColor = new Color("#001447FF"),
315                 },
316                 SubLabel = new TextLabelStyle()
317                 {
318                     PixelSize = 28,
319                     Ellipsis = true,
320                     FontFamily = "BreezeSans",
321                     TextColor = new Color("#001447FF"),
322                 },
323                 Icon = new ViewStyle()
324                 {
325                     Margin = new Extents(0, 32, 0, 0)
326                 },
327                 Extra = new ViewStyle()
328                 {
329                     Margin = new Extents(32, 0, 0, 0)
330                 },
331                 Seperator = new ViewStyle()
332                 {
333                     SizeHeight = 1,
334                     Margin = new Extents(64, 64, 0, 0),
335                     BackgroundColor = new Color("#C3CAD2FF"),
336                 },
337             });
338             theme.AddStyleWithoutClone("Tizen.NUI.Components.DefaultGridItem", new DefaultGridItemStyle()
339             {
340                 Padding = new Extents(0, 0, 0, 0),
341                 Margin = new Extents(5, 5, 5, 5),
342                 Label = new TextLabelStyle()
343                 {
344                     SizeHeight = 60,
345                     PixelSize = 24,
346                     LineWrapMode = LineWrapMode.Character,
347                 },
348                 Badge = new ViewStyle()
349                 {
350                     Margin = new Extents(5, 5, 5, 5),
351                 },
352             });
353
354             theme.AddStyleWithoutClone("Tizen.NUI.Components.DefaultTitleItem", new DefaultTitleItemStyle()
355             {
356                 SizeHeight = 60,
357                 Padding = new Extents(64, 64, 12, 12),
358                 Margin = new Extents(0, 0, 0, 0),
359                 BackgroundColor = new Selector<Color>()
360                 {
361                     Normal = new Color("#EEEEF1FF"),
362                 },
363                 Label = new TextLabelStyle()
364                 {
365                     PixelSize = 28,
366                     Ellipsis = true,
367                     TextColor = new Color("#001447FF"),
368                 },
369                 Icon = new ViewStyle()
370                 {
371                     Margin = new Extents(40, 0, 0, 0)
372                 },
373                 Seperator = new ViewStyle()
374                 {
375                     Margin = new Extents(0, 0, 0, 0),
376                     BackgroundColor = new Color(0, 0, 0, 0),
377                 },
378             });
379
380             theme.AddStyleWithoutClone("Tizen.NUI.Components.ContentPage", new ViewStyle()
381             {
382                 BackgroundColor = new Color("#EEEFF1FF"),
383             });
384
385             theme.AddStyleWithoutClone("Tizen.NUI.Components.AppBar", new AppBarStyle()
386             {
387                 Size = new Size(-1, 120),
388                 BackgroundColor = new Color("#EEEFF1FF"),
389                 BackButton = new ButtonStyle()
390                 {
391                     Size = new Size(48, 48),
392                     CornerRadius = 0,
393                     BackgroundColor = new Color(0, 0, 0, 0),
394                     Icon = new ImageViewStyle()
395                     {
396                         Size = new Size(48, 48),
397                         ResourceUrl = FrameworkInformation.ResourcePath + "nui_component_default_back_button.png",
398                         Color = new Selector<Color>()
399                         {
400                             Normal = new Color("#0A0E4AFF"),
401                             Focused = new Color("#00338BFF"),
402                             Pressed = new Color("#1B69CAFF"),
403                             Disabled = new Color("#C3CAD2FF"),
404                         },
405                     },
406                 },
407                 TitleTextLabel = new TextLabelStyle()
408                 {
409                     PixelSize = 40,
410                     VerticalAlignment = VerticalAlignment.Center,
411                     TextColor = new Selector<Color>()
412                     {
413                         Normal = new Color("#000C2BFF"),
414                     }
415                 },
416                 ActionView = new ViewStyle()
417                 {
418                     Size = new Size(-1, 120),
419                     CornerRadius = 0,
420                     BackgroundColor = new Color(0, 0, 0, 0),
421                 },
422                 ActionButton = new ButtonStyle()
423                 {
424                     Size = new Size(-1, 120),
425                     CornerRadius = 0,
426                     BackgroundColor = new Color(0, 0, 0, 0),
427                     Text = new TextLabelStyle()
428                     {
429                         PixelSize = 26,
430                         TextColor = new Selector<Color>()
431                         {
432                             Normal = new Color("#0A0E4AFF"),
433                             Focused = new Color("#00338BFF"),
434                             Pressed = new Color("#1B69CAFF"),
435                             Disabled = new Color("#C3CAD2FF"),
436                         },
437                     },
438                     Icon = new ImageViewStyle()
439                     {
440                         Size = new Size(-1, 48),
441                         Color = new Selector<Color>()
442                         {
443                             Normal = new Color("#0A0E4AFF"),
444                             Focused = new Color("#00338BFF"),
445                             Pressed = new Color("#1B69CAFF"),
446                             Disabled = new Color("#C3CAD2FF"),
447                         },
448                     },
449                 },
450                 Padding = new Extents(64, 64, 0, 0),
451                 NavigationPadding = new Extents(0, 24, 0, 0),
452                 ActionPadding = new Extents(40, 0, 0, 0),
453                 ActionCellPadding = new Size2D(40, 0),
454             });
455
456             theme.AddStyleWithoutClone("Tizen.NUI.Components.Picker", new PickerStyle()
457             {
458                 Size = new Size(160, 339),
459                 ItemTextLabel = new TextLabelStyle()
460                 {
461                     //FIXME: Should be check PointSize. given size from UX is too large.
462                     PixelSize = 32,
463                     VerticalAlignment = VerticalAlignment.Center,
464                     HorizontalAlignment = HorizontalAlignment.Center,
465                     Size = new Size(0,72),
466                     TextColor = new Selector<Color>()
467                     {
468                         Normal = new Color("#000C2BFF"),
469                     },
470                     BackgroundColor = Color.White,
471                 },
472                 Divider = new ViewStyle()
473                 {
474                     SizeHeight = 2.0f,
475                     WidthResizePolicy = ResizePolicyType.FillToParent,
476                     Position = new Position(0, 132),
477                     BackgroundColor = new Color("#0A0E4AFF"),
478                 },
479                 StartScrollOffset = new Size(0, 12),
480             });
481
482             theme.AddStyleWithoutClone("Tizen.NUI.Components.TabButton", new TabButtonStyle()
483             {
484                 Size = new Size(-1, 84),
485                 CornerRadius = 0,
486                 BackgroundColor = Color.White,
487                 Text = new TextLabelStyle()
488                 {
489                     PixelSize = 28,
490                     Size = new Size(-2, -2),
491                     TextColor = new Selector<Color>()
492                     {
493                         Normal = new Color("#000C2BFF"),
494                         Selected = new Color("#000C2BFF"),
495                         Pressed = new Color("#1473E6FF"),
496                         Disabled = new Color("#C3CAD2FF"),
497                     },
498                 },
499                 Icon = new ImageViewStyle()
500                 {
501                     Size = new Size(48, 48),
502                     Color = new Selector<Color>()
503                     {
504                         Normal = new Color("#000C2BFF"),
505                         Selected = new Color("#000C2BFF"),
506                         Pressed = new Color("#1473E6FF"),
507                         Disabled = new Color("#C3CAD2FF"),
508                     },
509                 },
510                 TopLine = new ViewStyle()
511                 {
512                     Size = new Size(-1, 1),
513                     BackgroundColor = new Selector<Color>()
514                     {
515                         Normal = new Color("#000C2BFF"),
516                         Selected = new Color("#000C2BFF"),
517                         Pressed = new Color("#1473E6FF"),
518                         Disabled = new Color("#C3CAD2FF"),
519                     },
520                 },
521                 BottomLine = new ViewStyle()
522                 {
523                     Size = new Size(-1, 8),
524                     Position = new Position(0, 76), // 84 - 8
525                     BackgroundColor = new Selector<Color>()
526                     {
527                         Normal = Color.Transparent,
528                         Selected = new Color("#000C2BFF"),
529                         Pressed = new Color("#1473E6FF"),
530                         Disabled = Color.Transparent,
531                     },
532                 },
533             });
534
535             theme.AddStyleWithoutClone("NotificationToast", new TextLabelStyle()
536             {
537                 BackgroundImage = FrameworkInformation.ResourcePath + "IoT_Toast_1.png",
538                 BackgroundImageBorder = new Rectangle(28, 28, 28, 28),
539                 TextColor = new Color("#000C2B"),
540                 PixelSize = 32,
541                 WidthResizePolicy = ResizePolicyType.UseNaturalSize,
542                 HeightResizePolicy = ResizePolicyType.UseNaturalSize,
543                 PositionUsesPivotPoint = true,
544                 HorizontalAlignment = HorizontalAlignment.Center,
545                 VerticalAlignment = VerticalAlignment.Center,
546                 Padding = new Extents(40, 40, 24, 24),
547                 PositionY = 120,
548             });
549
550             theme.AddStyleWithoutClone("Tizen.NUI.Components.AlertDialog", new AlertDialogStyle()
551             {
552                 Size = new Size(-2, -2),
553                 Padding = new Extents(80, 80, 0, 0),
554                 BackgroundImage = FrameworkInformation.ResourcePath + "nui_component_default_dialog_bg.#.png",
555                 TitleTextLabel = new TextLabelStyle()
556                 {
557                     Size = new Size(1024, -2),
558                     Margin = new Extents(0, 0, 40, 40),
559                     PixelSize = 40,
560                     HorizontalAlignment = HorizontalAlignment.Center,
561                     VerticalAlignment = VerticalAlignment.Center,
562                     TextColor = new Selector<Color>()
563                     {
564                         Normal = new Color("#000C2BFF"),
565                     },
566                 },
567                 MessageTextLabel = new TextLabelStyle()
568                 {
569                     Size = new Size(1024, -2),
570                     Margin = new Extents(0, 0, 0, 64),
571                     PixelSize = 32,
572                     MultiLine = true,
573                     HorizontalAlignment = HorizontalAlignment.Center,
574                     VerticalAlignment = VerticalAlignment.Center,
575                     TextColor = new Selector<Color>()
576                     {
577                         Normal = new Color("#000C2BFF"),
578                     },
579                 },
580                 ActionContent = new ViewStyle()
581                 {
582                     Size = new Size(1024, -2),
583                 },
584             });
585
586             theme.AddStyleWithoutClone("Tizen.NUI.Components.TimePicker", new TimePickerStyle()
587             {
588                 CellPadding = new Size(50, 339),
589
590                 Pickers = new PickerStyle()
591                 {
592                     Size = new Size(160, 339),
593                     ItemTextLabel = new TextLabelStyle()
594                     {
595                         //FIXME: Should be check PointSize. given size from UX is too large.
596                         PixelSize = 32,
597                         VerticalAlignment = VerticalAlignment.Center,
598                         HorizontalAlignment = HorizontalAlignment.Center,
599                         Size = new Size(0,72),
600                         TextColor = new Selector<Color>()
601                         {
602                             Normal = new Color("#000C2BFF"),
603                         },
604                         BackgroundColor = Color.White,
605                     },
606                     Divider = new ViewStyle()
607                     {
608                         SizeHeight = 2.0f,
609                         WidthResizePolicy = ResizePolicyType.FillToParent,
610                         Position = new Position(0, 132),
611                         BackgroundColor = new Color("#0A0E4AFF"),
612                     },
613                     StartScrollOffset = new Size2D(0, 12),
614                 }
615             });
616
617             theme.AddStyleWithoutClone("Tizen.NUI.Components.DatePicker", new DatePickerStyle()
618             {
619                 CellPadding = new Size(50, 339),
620
621                 Pickers = new PickerStyle()
622                 {
623                     Size = new Size(160, 339),
624                     ItemTextLabel = new TextLabelStyle()
625                     {
626                         //FIXME: Should be check PointSize. given size from UX is too large.
627                         PixelSize = 32,
628                         VerticalAlignment = VerticalAlignment.Center,
629                         HorizontalAlignment = HorizontalAlignment.Center,
630                         Size = new Size(0,72),
631                         TextColor = new Selector<Color>()
632                         {
633                             Normal = new Color("#000C2BFF"),
634                         },
635                         BackgroundColor = Color.White,
636                     },
637                     Divider = new ViewStyle()
638                     {
639                         SizeHeight = 2.0f,
640                         WidthResizePolicy = ResizePolicyType.FillToParent,
641                         Position = new Position(0, 132),
642                         BackgroundColor = new Color("#0A0E4AFF"),
643                     },
644                     StartScrollOffset = new Size2D(0, 12),
645                 }
646             });
647
648             theme.AddStyleWithoutClone("Tizen.NUI.Components.MenuItem", new ButtonStyle()
649             {
650                 Size = new Size(480, -2),
651                 MinimumSize = new Size2D(0, 72),
652                 CornerRadius = 0,
653                 BackgroundImage = FrameworkInformation.ResourcePath + "nui_component_menu_item_bg.png",
654                 Padding = new Extents(16, 16, 16, 16),
655                 Text = new TextLabelStyle()
656                 {
657                     PixelSize = 32,
658                     MultiLine = true,
659                     HorizontalAlignment = HorizontalAlignment.Begin,
660                     VerticalAlignment = VerticalAlignment.Center,
661                     TextColor = new Selector<Color>()
662                     {
663                         Normal = new Color("#001447FF"),
664                         Focused = new Color("#00338BFF"),
665                         Pressed = new Color("#1B69CAFF"),
666                         Disabled = new Color("#C3CAD2FF"),
667                     },
668                 },
669                 Icon = new ImageViewStyle()
670                 {
671                     Size = new Size(-2, 48),
672                     Color = new Selector<Color>()
673                     {
674                         Normal = new Color("#001447FF"),
675                         Focused = new Color("#00338BFF"),
676                         Pressed = new Color("#1B69CAFF"),
677                         Disabled = new Color("#C3CAD2FF"),
678                     },
679                 },
680             });
681
682             return theme;
683         }
684     }
685 }
686
687 #endif