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