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