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.AppBar", new AppBarStyle()
 382             {
 383                 Size = new Size(-1, 120),
 384                 BackgroundColor = new Color("#EEEFF1FF"),
 385                 BackButton = new ButtonStyle()
 386                 {
 387                     Size = new Size(48, 48),
 388                     CornerRadius = 0,
 389                     BackgroundColor = new Color(0, 0, 0, 0),
 390                     Icon = new ImageViewStyle()
 391                     {
 392                         Size = new Size(48, 48),
 393                         ResourceUrl = FrameworkInformation.ResourcePath + "nui_component_default_back_button.png",
 394                         Color = new Selector<Color>()
 395                         {
 396                             Normal = new Color("#0A0E4AFF"),
 397                             Focused = new Color("#00338BFF"),
 398                             Pressed = new Color("#1B69CAFF"),
 399                             Disabled = new Color("#C3CAD2FF"),
 400                         },
 401                     },
 402                 },
 403                 TitleTextLabel = new TextLabelStyle()
 404                 {
 405                     PixelSize = 40,
 406                     VerticalAlignment = VerticalAlignment.Center,
 407                     TextColor = new Selector<Color>()
 408                     {
 409                         Normal = new Color("#000C2BFF"),
 410                     }
 411                 },
 412                 ActionView = new ViewStyle()
 413                 {
 414                     Size = new Size(-1, 120),
 415                     CornerRadius = 0,
 416                     BackgroundColor = new Color(0, 0, 0, 0),
 417                 },
 418                 ActionButton = new ButtonStyle()
 419                 {
 420                     Size = new Size(-1, 120),
 421                     CornerRadius = 0,
 422                     BackgroundColor = new Color(0, 0, 0, 0),
 423                     Text = new TextLabelStyle()
 424                     {
 425                         PixelSize = 26,
 426                         TextColor = new Selector<Color>()
 427                         {
 428                             Normal = new Color("#0A0E4AFF"),
 429                             Focused = new Color("#00338BFF"),
 430                             Pressed = new Color("#1B69CAFF"),
 431                             Disabled = new Color("#C3CAD2FF"),
 432                         },
 433                     },
 434                     Icon = new ImageViewStyle()
 435                     {
 436                         Size = new Size(-1, 48),
 437                         Color = new Selector<Color>()
 438                         {
 439                             Normal = new Color("#0A0E4AFF"),
 440                             Focused = new Color("#00338BFF"),
 441                             Pressed = new Color("#1B69CAFF"),
 442                             Disabled = new Color("#C3CAD2FF"),
 443                         },
 444                     },
 445                 },
 446                 Padding = new Extents(64, 64, 0, 0),
 447                 NavigationPadding = new Extents(0, 24, 0, 0),
 448                 ActionPadding = new Extents(40, 0, 0, 0),
 449                 ActionCellPadding = new Size2D(40, 0),
 450             });
 451
 452             theme.AddStyleWithoutClone("Tizen.NUI.Components.Picker", new PickerStyle()
 453             {
 454                 Size = new Size(160, 339),
 455                 ItemTextLabel = new TextLabelStyle()
 456                 {
 457                     //FIXME: Should be check PointSize. given size from UX is too large.
 458                     PixelSize = 32,
 459                     VerticalAlignment = VerticalAlignment.Center,
 460                     HorizontalAlignment = HorizontalAlignment.Center,
 461                     Size = new Size(0,72),
 462                     TextColor = new Selector<Color>()
 463                     {
 464                         Normal = new Color("#000C2BFF"),
 465                     },
 466                     BackgroundColor = Color.White,
 467                 },
 468                 Divider = new ViewStyle()
 469                 {
 470                     SizeHeight = 2.0f,
 471                     WidthResizePolicy = ResizePolicyType.FillToParent,
 472                     Position = new Position(0, 132),
 473                     BackgroundColor = new Color("#0A0E4AFF"),
 474                 },
 475                 StartScrollOffset = new Size(0, 12),
 476             });
 477
 478             theme.AddStyleWithoutClone("Tizen.NUI.Components.TabButton", new TabButtonStyle()
 479             {
 480                 Size = new Size(-1, 84),
 481                 CornerRadius = 0,
 482                 BackgroundColor = Color.White,
 483                 Text = new TextLabelStyle()
 484                 {
 485                     PixelSize = 28,
 486                     Size = new Size(-2, -2),
 487                     TextColor = new Selector<Color>()
 488                     {
 489                         Normal = new Color("#000C2BFF"),
 490                         Selected = new Color("#000C2BFF"),
 491                         Pressed = new Color("#1473E6FF"),
 492                         Disabled = new Color("#C3CAD2FF"),
 493                     },
 494                 },
 495                 Icon = new ImageViewStyle()
 496                 {
 497                     Size = new Size(48, 48),
 498                     Color = new Selector<Color>()
 499                     {
 500                         Normal = new Color("#000C2BFF"),
 501                         Selected = new Color("#000C2BFF"),
 502                         Pressed = new Color("#1473E6FF"),
 503                         Disabled = new Color("#C3CAD2FF"),
 504                     },
 505                 },
 506                 TopLine = new ViewStyle()
 507                 {
 508                     Size = new Size(-1, 1),
 509                     BackgroundColor = new Selector<Color>()
 510                     {
 511                         Normal = new Color("#000C2BFF"),
 512                         Selected = new Color("#000C2BFF"),
 513                         Pressed = new Color("#1473E6FF"),
 514                         Disabled = new Color("#C3CAD2FF"),
 515                     },
 516                 },
 517                 BottomLine = new ViewStyle()
 518                 {
 519                     Size = new Size(-1, 8),
 520                     Position = new Position(0, 76), // 84 - 8
 521                     BackgroundColor = new Selector<Color>()
 522                     {
 523                         Normal = Color.Transparent,
 524                         Selected = new Color("#000C2BFF"),
 525                         Pressed = new Color("#1473E6FF"),
 526                         Disabled = Color.Transparent,
 527                     },
 528                 },
 529             });
 530
 531             theme.AddStyleWithoutClone("NotificationToast", new TextLabelStyle()
 532             {
 533                 BackgroundImage = FrameworkInformation.ResourcePath + "IoT_Toast_1.png",
 534                 BackgroundImageBorder = new Rectangle(28, 28, 28, 28),
 535                 TextColor = new Color("#000C2B"),
 536                 PixelSize = 32,
 537                 WidthResizePolicy = ResizePolicyType.UseNaturalSize,
 538                 HeightResizePolicy = ResizePolicyType.UseNaturalSize,
 539                 PositionUsesPivotPoint = true,
 540                 HorizontalAlignment = HorizontalAlignment.Center,
 541                 VerticalAlignment = VerticalAlignment.Center,
 542                 Padding = new Extents(40, 40, 24, 24),
 543                 PositionY = 120,
 544             });
 545
 546             theme.AddStyleWithoutClone("Tizen.NUI.Components.AlertDialog", new AlertDialogStyle()
 547             {
 548                 Size = new Size(-2, -2),
 549                 Padding = new Extents(80, 80, 0, 0),
 550                 BackgroundImage = FrameworkInformation.ResourcePath + "nui_component_default_dialog_bg.#.png",
 551                 TitleTextLabel = new TextLabelStyle()
 552                 {
 553                     Size = new Size(1024, -2),
 554                     Margin = new Extents(0, 0, 40, 40),
 555                     PixelSize = 40,
 556                     HorizontalAlignment = HorizontalAlignment.Center,
 557                     VerticalAlignment = VerticalAlignment.Center,
 558                     TextColor = new Selector<Color>()
 559                     {
 560                         Normal = new Color("#000C2BFF"),
 561                     },
 562                 },
 563                 MessageTextLabel = new TextLabelStyle()
 564                 {
 565                     Size = new Size(1024, -2),
 566                     Margin = new Extents(0, 0, 0, 64),
 567                     PixelSize = 32,
 568                     MultiLine = true,
 569                     HorizontalAlignment = HorizontalAlignment.Center,
 570                     VerticalAlignment = VerticalAlignment.Center,
 571                     TextColor = new Selector<Color>()
 572                     {
 573                         Normal = new Color("#000C2BFF"),
 574                     },
 575                 },
 576                 ActionContent = new ViewStyle()
 577                 {
 578                     Size = new Size(1024, -2),
 579                 },
 580             });
 581
 582             theme.AddStyleWithoutClone("Tizen.NUI.Components.TimePicker", new TimePickerStyle()
 583             {
 584                 CellPadding = new Size(50, 339),
 585
 586                 Pickers = new PickerStyle()
 587                 {
 588                     Size = new Size(160, 339),
 589                     ItemTextLabel = new TextLabelStyle()
 590                     {
 591                         //FIXME: Should be check PointSize. given size from UX is too large.
 592                         PixelSize = 32,
 593                         VerticalAlignment = VerticalAlignment.Center,
 594                         HorizontalAlignment = HorizontalAlignment.Center,
 595                         Size = new Size(0,72),
 596                         TextColor = new Selector<Color>()
 597                         {
 598                             Normal = new Color("#000C2BFF"),
 599                         },
 600                         BackgroundColor = Color.White,
 601                     },
 602                     Divider = new ViewStyle()
 603                     {
 604                         SizeHeight = 2.0f,
 605                         WidthResizePolicy = ResizePolicyType.FillToParent,
 606                         Position = new Position(0, 132),
 607                         BackgroundColor = new Color("#0A0E4AFF"),
 608                     },
 609                     StartScrollOffset = new Size2D(0, 12),
 610                 }
 611             });
 612
 613             theme.AddStyleWithoutClone("Tizen.NUI.Components.DatePicker", new DatePickerStyle()
 614             {
 615                 CellPadding = new Size(50, 339),
 616
 617                 Pickers = new PickerStyle()
 618                 {
 619                     Size = new Size(160, 339),
 620                     ItemTextLabel = new TextLabelStyle()
 621                     {
 622                         //FIXME: Should be check PointSize. given size from UX is too large.
 623                         PixelSize = 32,
 624                         VerticalAlignment = VerticalAlignment.Center,
 625                         HorizontalAlignment = HorizontalAlignment.Center,
 626                         Size = new Size(0,72),
 627                         TextColor = new Selector<Color>()
 628                         {
 629                             Normal = new Color("#000C2BFF"),
 630                         },
 631                         BackgroundColor = Color.White,
 632                     },
 633                     Divider = new ViewStyle()
 634                     {
 635                         SizeHeight = 2.0f,
 636                         WidthResizePolicy = ResizePolicyType.FillToParent,
 637                         Position = new Position(0, 132),
 638                         BackgroundColor = new Color("#0A0E4AFF"),
 639                     },
 640                     StartScrollOffset = new Size2D(0, 12),
 641                 }
 642             });
 643
 644             theme.AddStyleWithoutClone("Tizen.NUI.Components.MenuItem", new ButtonStyle()
 645             {
 646                 Size = new Size(480, -2),
 647                 MinimumSize = new Size2D(0, 72),
 648                 CornerRadius = 0,
 649                 BackgroundImage = FrameworkInformation.ResourcePath + "nui_component_menu_item_bg.png",
 650                 Padding = new Extents(16, 16, 16, 16),
 651                 Text = new TextLabelStyle()
 652                 {
 653                     PixelSize = 32,
 654                     MultiLine = true,
 655                     HorizontalAlignment = HorizontalAlignment.Begin,
 656                     VerticalAlignment = VerticalAlignment.Center,
 657                     TextColor = new Selector<Color>()
 658                     {
 659                         Normal = new Color("#001447FF"),
 660                         Focused = new Color("#00338BFF"),
 661                         Pressed = new Color("#1B69CAFF"),
 662                         Disabled = new Color("#C3CAD2FF"),
 663                     },
 664                 },
 665                 Icon = new ImageViewStyle()
 666                 {
 667                     Size = new Size(-2, 48),
 668                     Color = new Selector<Color>()
 669                     {
 670                         Normal = new Color("#001447FF"),
 671                         Focused = new Color("#00338BFF"),
 672                         Pressed = new Color("#1B69CAFF"),
 673                         Disabled = new Color("#C3CAD2FF"),
 674                     },
 675                 },
 676             });
 677
 678             return theme;
 679         }
 680     }
 681 }
 682
 683 #endif