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