src/Tizen.NUI.Components/Theme/DefaultThemeCommon.cs

   1 /*
   2  * Copyright(c) 2022 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(252, 48),
  43                 ItemSpacing = new Size2D(8, 8),
  44                 CornerRadius = 12.0f,
  45                 ItemHorizontalAlignment = HorizontalAlignment.Center,
  46                 ItemVerticalAlignment = VerticalAlignment.Center,
  47                 BackgroundColor = new Selector<Color>()
  48                 {
  49                     Normal = new Color(1.0f, 0.384f, 0.0f, 1),
  50                     Pressed = new Color(0.85f, 0.325f, 0.0f, 1),
  51                     Focused = new Color(1.0f, 0.827f, 0.624f, 1),
  52                     Selected = new Color(0.624f, 0.239f, 0.0f, 1),
  53                     Disabled = new Color(0.792f, 0.792f, 0.792f, 1),
  54                 },
  55                 Text = new TextLabelStyle()
  56                 {
  57                     TextColor = new Color("#FDFDFD"),
  58                     PixelSize = 24,
  59                 }
  60             });
  61
  62             // Outlined Button style
  63             theme.AddStyleWithoutClone("Tizen.NUI.Components.Button.Outlined", new ButtonStyle()
  64             {
  65                 Size = new Size(252, 48),
  66                 ItemSpacing = new Size2D(8, 8),
  67                 CornerRadius = 12.0f,
  68                 BorderlineWidth = 2.0f,
  69                 BorderlineColorSelector = new Selector<Color>()
  70                 {
  71                     Normal = new Color("#FF6200"),
  72                     Pressed = new Color("#FFA166"),
  73                     Focused = new Color("#FF7119"),
  74                     Selected = new Color("#FF8133"),
  75                     Disabled = new Color("#CACACA"),
  76                 },
  77                 ItemHorizontalAlignment = HorizontalAlignment.Center,
  78                 ItemVerticalAlignment = VerticalAlignment.Center,
  79                 BackgroundColor = Color.Transparent,
  80                 Text = new TextLabelStyle()
  81                 {
  82                     TextColor = new Selector<Color>()
  83                     {
  84                         Normal = new Color("#FF6200"),
  85                         Pressed = new Color("#FFA166"),
  86                         Focused = new Color("#FF7119"),
  87                         Selected = new Color("#FF8133"),
  88                         Disabled = new Color("#CACACA"),
  89                     },
  90                     PixelSize = 24,
  91                 }
  92             });
  93
  94             // TextOnly Button style
  95             theme.AddStyleWithoutClone("Tizen.NUI.Components.Button.TextOnly", new ButtonStyle()
  96             {
  97                 SizeHeight = 48,
  98                 MinimumSize = new Size(120, 48),
  99                 Padding = new Extents(32, 32, 8, 8),
 100                 ItemHorizontalAlignment = HorizontalAlignment.Center,
 101                 ItemVerticalAlignment = VerticalAlignment.Center,
 102                 BackgroundColor = Color.Transparent,
 103                 Text = new TextLabelStyle()
 104                 {
 105                     TextColor = new Selector<Color>()
 106                     {
 107                         Normal = new Color("#FF6200"),
 108                         Pressed = new Color("#FFA166"),
 109                         Focused = new Color("#FF7119"),
 110                         Selected = new Color("#FF8133"),
 111                         Disabled = new Color("#CACACA"),
 112                     },
 113                     PixelSize = 24,
 114                 }
 115             });
 116
 117             // CheckBox base style
 118             theme.AddStyleWithoutClone("Tizen.NUI.Components.CheckBox", new ButtonStyle()
 119             {
 120                 Padding = new Extents(8, 8, 8, 8),
 121                 ItemSpacing = new Size2D(16, 16),
 122                 ItemHorizontalAlignment = HorizontalAlignment.Center,
 123                 ItemVerticalAlignment = VerticalAlignment.Center,
 124                 Icon = new ImageViewStyle()
 125                 {
 126                     Size = new Size(32, 32),
 127                     ResourceUrl = new Selector<string>()
 128                     {
 129                         Normal = FrameworkInformation.ResourcePath + "IoT_check_off.png",
 130                         Pressed = FrameworkInformation.ResourcePath + "IoT_check_off_p.png",
 131                         Disabled = FrameworkInformation.ResourcePath + "IoT_check_off_d.png",
 132                         Focused = FrameworkInformation.ResourcePath + "IoT_check_off_f.png",
 133                         Selected = FrameworkInformation.ResourcePath + "IoT_check_on.png",
 134                         SelectedPressed = FrameworkInformation.ResourcePath + "IoT_check_on_p.png",
 135                         SelectedFocused = FrameworkInformation.ResourcePath + "IoT_check_on_f.png",
 136                         DisabledSelected = FrameworkInformation.ResourcePath + "IoT_check_on_d.png",
 137                     },
 138                 },
 139                 Text = new TextLabelStyle()
 140                 {
 141                     TextColor = new Color("#090E21"),
 142                     PixelSize = 24,
 143                 }
 144             });
 145
 146             // Popup base style
 147             theme.AddStyleWithoutClone("Tizen.NUI.Components.Popup", new PopupStyle()
 148             {
 149                 Size = new Size(500, 280),
 150                 BackgroundColor = new Color(0.9f, 0.9f, 0.9f, 1),
 151                 ImageShadow = new ImageShadow()
 152                 {
 153                     Url = FrameworkInformation.ResourcePath + "nui_component_default_popup_shadow.png",
 154                     Border = new Rectangle(24, 24, 24, 24),
 155                     Extents = new Vector2(48, 48)
 156                 },
 157                 Title = new TextLabelStyle()
 158                 {
 159                     PointSize = 16,
 160                     Padding = new Extents(20, 20, 20, 20),
 161                 },
 162                 Buttons = new ButtonStyle()
 163                 {
 164                     Size = new Size(0, 80),
 165                     CornerRadius = 0,
 166                     BackgroundColor = new Selector<Color>()
 167                     {
 168                         Normal = new Color(1, 1, 1, 1),
 169                         Pressed = new Color(1, 1, 1, 0.5f),
 170                     },
 171                     Overlay = new ImageViewStyle()
 172                     {
 173                         BackgroundColor = new Selector<Color>()
 174                         {
 175                             Pressed = new Color(0, 0, 0, 0.1f),
 176                             Other = new Color(1, 1, 1, 0.1f),
 177                         },
 178                     },
 179                     Text = new TextLabelStyle()
 180                     {
 181                         TextColor = new Color(0.05f, 0.63f, 0.9f, 1),
 182                     }
 183                 }
 184             });
 185
 186             // Progress base style
 187             theme.AddStyleWithoutClone("Tizen.NUI.Components.Progress", new ProgressStyle()
 188             {
 189                 Size = new Size(508, 16),
 190                 Track = new ImageViewStyle()
 191                 {
 192                     CornerRadius = 8.0f,
 193                     BackgroundColor = new Selector<Color>()
 194                     {
 195                         Normal = new Color(0.82f, 0.31f, 0.0f, 0.1f),
 196                         Disabled = new Color(0.82f, 0.31f, 0.0f, 0.1f),
 197                     },
 198                 },
 199                 Buffer = new ImageViewStyle()
 200                 {
 201                     CornerRadius = 8.0f,
 202                     BackgroundColor = new Color(0.82f, 0.31f, 0.0f, 0.1f),
 203                 },
 204                 Progress = new ImageViewStyle()
 205                 {
 206                     CornerRadius = 8.0f,
 207                     BackgroundColor = new Color("#D25000"),
 208                 },
 209                 IndeterminateImageUrl = FrameworkInformation.ResourcePath + "IoT_progress_indeterminate.png",
 210             });
 211
 212             // RadioButton base style
 213             theme.AddStyleWithoutClone("Tizen.NUI.Components.RadioButton", new ButtonStyle()
 214             {
 215                 Padding = new Extents(8, 8, 8, 8),
 216                 ItemSpacing = new Size2D(16, 16),
 217                 ItemHorizontalAlignment = HorizontalAlignment.Center,
 218                 ItemVerticalAlignment = VerticalAlignment.Center,
 219                 Icon = new ImageViewStyle()
 220                 {
 221                     Size = new Size(32, 32),
 222                     ResourceUrl = new Selector<string>()
 223                     {
 224                         Normal = FrameworkInformation.ResourcePath + "IoT_radiobutton_off.png",
 225                         Pressed = FrameworkInformation.ResourcePath + "IoT_radiobutton_off_p.png",
 226                         Disabled = FrameworkInformation.ResourcePath + "IoT_radiobutton_off_d.png",
 227                         Focused = FrameworkInformation.ResourcePath + "IoT_radiobutton_off_f.png",
 228                         Selected = FrameworkInformation.ResourcePath + "IoT_radiobutton_on.png",
 229                         SelectedPressed = FrameworkInformation.ResourcePath + "IoT_radiobutton_on_p.png",
 230                         SelectedFocused = FrameworkInformation.ResourcePath + "IoT_radiobutton_on_f.png",
 231                         DisabledSelected = FrameworkInformation.ResourcePath + "IoT_radiobutton_on_d.png",
 232                     },
 233                 },
 234                 Text = new TextLabelStyle()
 235                 {
 236                     TextColor = new Color("#090E21"),
 237                     PixelSize = 24,
 238                 }
 239             });
 240
 241             // Slider base style
 242             theme.AddStyleWithoutClone("Tizen.NUI.Components.Slider", new SliderStyle()
 243             {
 244                 Size = new Size(850, 50),
 245                 TrackThickness = 8,
 246                 Track = new ImageViewStyle()
 247                 {
 248                     Size = new Size(800, 8),
 249                     CornerRadius = 4.0f,
 250                     BackgroundColor = new Selector<Color>()
 251                     {
 252                         Normal = new Color(1.0f, 0.37f, 0.0f, 0.1f),
 253                         Disabled = new Color(1.0f, 0.37f, 0.0f, 0.1f),
 254                     },
 255                 },
 256                 Progress = new ImageViewStyle()
 257                 {
 258                     Size = new Size(800, 8),
 259                     CornerRadius = 4.0f,
 260                     BackgroundColor = new Selector<Color>()
 261                     {
 262                         Normal = new Color("#FF6200"),
 263                         Disabled = new Color("#CACACA"),
 264                     },
 265                 },
 266                 Thumb = new ImageViewStyle()
 267                 {
 268                     Size = new Size(40, 40),
 269                     ResourceUrl = new Selector<string>()
 270                     {
 271                         Normal = FrameworkInformation.ResourcePath + "IoT_slider_handler_normal.png",
 272                         Pressed = FrameworkInformation.ResourcePath + "IoT_slider_handler_pressed.png",
 273                         Focused = FrameworkInformation.ResourcePath + "IoT_slider_handler_pressed.png",
 274                         Disabled = FrameworkInformation.ResourcePath + "IoT_slider_handler_disabled.png",
 275                     },
 276                 },
 277                 ValueIndicatorImage = new ImageViewStyle()
 278                 {
 279                     Size = new Size(16, 24),
 280                     BorderlineWidth = 0.5f,
 281                     BorderlineColor = new Color("#FF6200"),
 282                     BackgroundColor = new Color(0.0f, 0.04f, 0.16f, 1.0f),
 283                 },
 284             });
 285
 286             // Switch base style
 287             theme.AddStyleWithoutClone("Tizen.NUI.Components.Switch", new SwitchStyle()
 288             {
 289                 ItemSpacing = new Size2D(16, 16),
 290                 ItemHorizontalAlignment = HorizontalAlignment.Begin,
 291                 ItemVerticalAlignment = VerticalAlignment.Center,
 292                 Track = new ImageViewStyle()
 293                 {
 294                     Size = new Size(84, 44),
 295                     ResourceUrl = new Selector<string>()
 296                     {
 297                         Normal = FrameworkInformation.ResourcePath + "IoT_switch_track_off.png",
 298                         Pressed = FrameworkInformation.ResourcePath + "IoT_switch_track_off_p.png",
 299                         Disabled = FrameworkInformation.ResourcePath + "IoT_switch_track_off_d.png",
 300                         Focused = FrameworkInformation.ResourcePath + "IoT_switch_track_off_f.png",
 301                         Selected = FrameworkInformation.ResourcePath + "IoT_switch_track_on.png",
 302                         SelectedPressed = FrameworkInformation.ResourcePath + "IoT_switch_track_on_p.png",
 303                         SelectedFocused = FrameworkInformation.ResourcePath + "IoT_switch_track_on_f.png",
 304                         DisabledSelected = FrameworkInformation.ResourcePath + "IoT_switch_track_on_d.png",
 305                     },
 306                 },
 307                 Thumb = new ImageViewStyle()
 308                 {
 309                     Size = new Size(44, 44),
 310                     ResourceUrl = new Selector<string>()
 311                     {
 312                         Normal = FrameworkInformation.ResourcePath + "IoT_switch_thumb.png",
 313                         Disabled = FrameworkInformation.ResourcePath + "IoT_switch_thumb_d.png",
 314                         Selected = FrameworkInformation.ResourcePath + "IoT_switch_thumb_s.png",
 315                         SelectedPressed = FrameworkInformation.ResourcePath + "IoT_switch_thumb_sp.png",
 316                         SelectedFocused = FrameworkInformation.ResourcePath + "IoT_switch_thumb_sf.png",
 317                     }
 318                 },
 319                 Text = new TextLabelStyle()
 320                 {
 321                     TextColor = new Color("#090E21"),
 322                     PixelSize = 24,
 323                 }
 324             });
 325
 326             // Loading base style
 327             theme.AddStyleWithoutClone("Tizen.NUI.Components.Loading", new LoadingStyle()
 328             {
 329                 LoadingSize = new Size(200, 200),
 330             });
 331
 332             // Pagination base style
 333             theme.AddStyleWithoutClone("Tizen.NUI.Components.Pagination", new PaginationStyle()
 334             {
 335                 Size = new Size(450, 24),
 336                 IndicatorImageUrl = new Selector<string>()
 337                 {
 338                     Normal = FrameworkInformation.ResourcePath + "nui_component_default_pagination_normal_dot.png",
 339                     Selected = FrameworkInformation.ResourcePath + "nui_component_default_pagination_focus_dot.png",
 340                 },
 341                 IndicatorSize = new Size(64, 8),
 342                 IndicatorSpacing = 16,
 343             });
 344
 345             // Scrollbar base style
 346             theme.AddStyleWithoutClone("Tizen.NUI.Components.Scrollbar", new ScrollbarStyle()
 347             {
 348                 TrackThickness = 8,
 349                 ThumbThickness = 8,
 350                 TrackColor = new Color(0f, 0f, 0f, 0f),
 351                 ThumbColor = new Color("#FFFEFE"),
 352                 TrackPadding = 4,
 353                 //7.0 UX no require image resource.
 354                 Thumb = new ImageViewStyle()
 355                 {
 356                     CornerRadius = 4.0f,
 357                     BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
 358                 }
 359                 //ThumbVerticalImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_scroll_vbar.#.png",
 360                 //ThumbHorizontalImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_scroll_hbar.#.png",
 361             });
 362
 363             // LinearLayouter base style
 364             theme.AddStyleWithoutClone("Tizen.NUI.Components.LinearLayouter", new ViewStyle()
 365             {
 366                 Padding = new Extents(0, 0, 0, 0)
 367             });
 368
 369             // GridLayouter base style
 370             theme.AddStyleWithoutClone("Tizen.NUI.Components.GridLayouter", new ViewStyle()
 371             {
 372                 Padding = new Extents(0, 0, 0, 0),
 373             });
 374
 375             // ItemsLayouter base style
 376             theme.AddStyleWithoutClone("Tizen.NUI.Components.ItemsLayouter", new ViewStyle()
 377             {
 378                 Padding = new Extents(0, 0, 0, 0),
 379             });
 380
 381             // RecyclerViewItem base style
 382             theme.AddStyleWithoutClone("Tizen.NUI.Components.RecyclerViewItem", new RecyclerViewItemStyle()
 383             {
 384                 BackgroundColor = new Selector<Color>()
 385                 {
 386                     Normal = new Color(1, 1, 1, 1),
 387                     Pressed = new Color(0.85f, 0.85f, 0.85f, 1),
 388                     Disabled = new Color(0.70f, 0.70f, 0.70f, 1),
 389                     Selected = new Color(0.701f, 0.898f, 0.937f, 1),
 390                 },
 391             });
 392
 393             // DefaultLinearItem base style
 394             theme.AddStyleWithoutClone("Tizen.NUI.Components.DefaultLinearItem", new DefaultLinearItemStyle()
 395             {
 396                 SizeHeight = 64,
 397                 Padding = new Extents(16, 16, 0, 0),
 398                 Margin = new Extents(0, 0, 0, 0),
 399                 Label = new TextLabelStyle()
 400                 {
 401                     PixelSize = 24,
 402                     Ellipsis = true,
 403                     FontFamily = "SamsungOneUI600",
 404                     TextColor = new Selector<Color>()
 405                     {
 406                         Normal = new Color("#090E21"),
 407                         Pressed = new Color("#FF6200"),
 408                         Disabled = new Color("#CACACA"),
 409                         Selected = new Color("#FF6200"),
 410                     },
 411                     ThemeChangeSensitive = false
 412                 },
 413                 SubLabel = new TextLabelStyle()
 414                 {
 415                     PixelSize = 20,
 416                     Ellipsis = true,
 417                     FontFamily = "SamsungOneUI400",
 418                     TextColor = new Selector<Color>()
 419                     {
 420                         Normal = new Color("#090E21"),
 421                         Pressed = new Color("#FF6200"),
 422                         Disabled = new Color("#CACACA"),
 423                         Selected = new Color("#FF6200"),
 424                     },
 425                     ThemeChangeSensitive = false
 426                 },
 427                 Icon = new ViewStyle()
 428                 {
 429                     Margin = new Extents(0, 16, 0, 0)
 430                 },
 431                 Extra = new ViewStyle()
 432                 {
 433                     Margin = new Extents(16, 0, 0, 0)
 434                 },
 435             });
 436
 437             // DefaultGridItem base style
 438             theme.AddStyleWithoutClone("Tizen.NUI.Components.DefaultGridItem", new DefaultGridItemStyle()
 439             {
 440                 ClippingMode = ClippingModeType.ClipChildren,
 441                 Padding = new Extents(0, 0, 0, 0),
 442                 Margin = new Extents(5, 5, 5, 5),
 443                 CornerRadius = 12.0f,
 444                 BackgroundColor = new Selector<Color>()
 445                 {
 446                     Normal = new Color("#FAFAFA"),
 447                     Pressed = new Color(1f, 0.38f, 0, 0.2f),
 448                     Disabled = new Color("#FAFAFA"),
 449                     Selected = new Color(1f, 0.38f, 0, 0.2f),
 450                 },
 451                 Image = new ImageViewStyle()
 452                 {
 453                     //FIXME: Clip mode is not working on CornerRadius.
 454                     CornerRadius = 12.0f,
 455                     ClippingMode = ClippingModeType.ClipChildren,
 456                 },
 457                 Label = new TextLabelStyle()
 458                 {
 459                     SizeHeight = 24,
 460                     PixelSize = 16,
 461                     FontFamily = "SamsungOneUI400",
 462                     LineWrapMode = LineWrapMode.Character,
 463                     TextColor = new Selector<Color>()
 464                     {
 465                         Normal = new Color("#090E21"),
 466                         Pressed = new Color("#FF6200"),
 467                         Disabled = new Color("#CACACA"),
 468                         Selected = new Color("#FF6200"),
 469                     },
 470                     ThemeChangeSensitive = false
 471                 },
 472                 Badge = new ViewStyle()
 473                 {
 474                     Margin = new Extents(0, 0, 0, 0),
 475                 },
 476                 BoxShadow = new Shadow(12.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 4.0f)),
 477             });
 478
 479             // DefaultTitleItem base style
 480             theme.AddStyleWithoutClone("Tizen.NUI.Components.DefaultTitleItem", new DefaultTitleItemStyle()
 481             {
 482                 SizeHeight = 48,
 483                 Padding = new Extents(20, 20, 0, 0),
 484                 Margin = new Extents(0, 0, 0, 0),
 485                 BackgroundColor = Color.Transparent,
 486                 Label = new TextLabelStyle()
 487                 {
 488                     PixelSize = 24,
 489                     Ellipsis = true,
 490                     FontFamily = "SamsungOneUI400",
 491                     TextColor = new Color("#090E217F"),
 492                     ThemeChangeSensitive = false
 493                 },
 494                 Icon = new ViewStyle()
 495                 {
 496                     Margin = new Extents(24, 0, 0, 0)
 497                 },
 498                 Seperator = new ViewStyle()
 499                 {
 500                     Margin = new Extents(0, 0, 0, 0),
 501                     BackgroundColor = new Color(0, 0, 0, 0),
 502                 },
 503             });
 504
 505             // ContentPage base style
 506             theme.AddStyleWithoutClone("Tizen.NUI.Components.ContentPage", new ViewStyle()
 507             {
 508                 BackgroundColor = new Color("#FAFAFA"),
 509                 CornerRadius = new Vector4(24.0f, 24.0f, 24.0f ,24.0f),
 510                 CornerRadiusPolicy = VisualTransformPolicyType.Absolute,
 511                 BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
 512             });
 513
 514             // AppBar base style
 515             theme.AddStyleWithoutClone("Tizen.NUI.Components.AppBar", new AppBarStyle()
 516             {
 517                 Size = new Size(-1, 64),
 518                 BackgroundColor = Color.Transparent,
 519                 BackButton = new ButtonStyle()
 520                 {
 521                     Size = new Size(48, 48),
 522                     CornerRadius = 0,
 523                     BackgroundColor = Color.Transparent,
 524                     Icon = new ImageViewStyle()
 525                     {
 526                         Size = new Size(48, 48),
 527                         ResourceUrl = FrameworkInformation.ResourcePath + "nui_component_default_back_button.png",
 528                         Color = new Selector<Color>()
 529                         {
 530                             Normal = new Color("#17234D"),
 531                             Focused = new Color("#17234D"),
 532                             Pressed = new Color("#FF6200"),
 533                             Disabled = new Color("#CACACA"),
 534                         },
 535                     },
 536                     ThemeChangeSensitive = false
 537                 },
 538                 TitleTextLabel = new TextLabelStyle()
 539                 {
 540                     PixelSize = 24,
 541                     VerticalAlignment = VerticalAlignment.Center,
 542                     TextColor = new Selector<Color>()
 543                     {
 544                         Normal = new Color("#17234D"),
 545                     },
 546                     ThemeChangeSensitive = false
 547                 },
 548                 ActionView = new ViewStyle()
 549                 {
 550                     Size = new Size(48, 64),
 551                     CornerRadius = 0,
 552                     BackgroundColor = Color.Transparent,
 553                 },
 554                 ActionButton = new ButtonStyle()
 555                 {
 556                     Size = new Size(-2, 64),
 557                     CornerRadius = 0,
 558                     BackgroundColor = Color.Transparent,
 559                     Text = new TextLabelStyle()
 560                     {
 561                         PixelSize = 24,
 562                         TextColor = new Selector<Color>()
 563                         {
 564                             Normal = new Color("#FF6200"),
 565                             Focused = new Color("#FF6200"),
 566                             Pressed = new Color("#D95300"),
 567                             Disabled = new Color("#CACACA"),
 568                         },
 569                     },
 570                     Icon = new ImageViewStyle()
 571                     {
 572                         Size = new Size(48, 48),
 573                         Color = new Selector<Color>()
 574                         {
 575                             Normal = new Color("#17234D"),
 576                             Focused = new Color("#17234D"),
 577                             Pressed = new Color("#FF6200"),
 578                             Disabled = new Color("#CACACA"),
 579                         },
 580                     },
 581                     ThemeChangeSensitive = false,
 582                 },
 583                 Padding = new Extents(16, 16, 0, 0),
 584                 NavigationPadding = new Extents(0, 8, 0, 0),
 585                 ActionPadding = new Extents(16, 0, 0, 0),
 586                 ActionCellPadding = new Size2D(16, 0),
 587             });
 588
 589             // Picker base style
 590             theme.AddStyleWithoutClone("Tizen.NUI.Components.Picker", new PickerStyle()
 591             {
 592                 Size = new Size(160, 339),
 593                 ItemTextLabel = new TextLabelStyle()
 594                 {
 595                     //FIXME: Should be check PointSize. given size from UX is too large.
 596                     PixelSize = 32,
 597                     VerticalAlignment = VerticalAlignment.Center,
 598                     HorizontalAlignment = HorizontalAlignment.Center,
 599                     Size = new Size(0,72),
 600                     TextColor = new Selector<Color>()
 601                     {
 602                         Normal = new Color("#000C2B"),
 603                     },
 604                     BackgroundColor = Color.White,
 605                 },
 606                 Divider = new ViewStyle()
 607                 {
 608                     SizeHeight = 2.0f,
 609                     WidthResizePolicy = ResizePolicyType.FillToParent,
 610                     Position = new Position(0, 132),
 611                     BackgroundColor = new Color("#0A0E4A"),
 612                 },
 613                 StartScrollOffset = new Size(0, 12),
 614             });
 615
 616             // TabBar base style
 617             theme.AddStyleWithoutClone("Tizen.NUI.Components.TabBar", new ViewStyle()
 618             {
 619                 Size = new Size(-1, -2),
 620                 Margin = new Extents(16, 16, 0, 0),
 621                 Padding = new Extents(14, 14, 0, 0),
 622                 CornerRadius = new Vector4(12.0f, 12.0f, 12.0f, 12.0f),
 623                 CornerRadiusPolicy = VisualTransformPolicyType.Absolute,
 624                 BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
 625                 BackgroundColor = new Color("#FAFAFA"),
 626             });
 627
 628             // TabButton base style
 629             theme.AddStyleWithoutClone("Tizen.NUI.Components.TabButton", new TabButtonStyle()
 630             {
 631                 Size = new Size(-1, 72),
 632                 SizeWithIcon = new Size(-1, 116),
 633                 SizeWithIconOnly = new Size(-1, 64),
 634                 MinimumSize = new Size(80, 64),
 635                 Padding = new Extents(24, 24, 16, 16),
 636                 ItemSpacing = new Size2D(10, 10),
 637                 CornerRadius = 0,
 638                 IconSizeWithIconOnly = new Size(32, 32),
 639                 TextSizeWithIcon = 16.0f,
 640                 BackgroundColor = new Selector<Color>()
 641                 {
 642                     Normal = new Color("#FAFAFA"),
 643                     Selected = new Color("#FFE0CC"),
 644                     Pressed = new Color("#FFCAA8"),
 645                     Focused = new Color("#FAFAFA"),
 646                     Disabled = new Color("#FAFAFA"),
 647                 },
 648                 Text = new TextLabelStyle()
 649                 {
 650                     PixelSize = 24,
 651                     Size = new Size(-2, -2),
 652                     TextColor = new Selector<Color>()
 653                     {
 654                         Normal = new Color("#090E21"),
 655                         Selected = new Color("#FF6200"),
 656                         Pressed = new Color("#FF6200"),
 657                         Focused = new Color("#FF6200"),
 658                         Disabled = new Color("#CACACA"),
 659                     },
 660                     ThemeChangeSensitive = false,
 661                 },
 662                 Icon = new ImageViewStyle()
 663                 {
 664                     Size = new Size(48, 48),
 665                     Color = new Selector<Color>()
 666                     {
 667                         Normal = new Color("#090E21"),
 668                         Selected = new Color("#FF6200"),
 669                         Pressed = new Color("#FF6200"),
 670                         Focused = new Color("#FF6200"),
 671                         Disabled = new Color("#CACACA"),
 672                     },
 673                 },
 674             });
 675
 676             // NotificationToast base style
 677             theme.AddStyleWithoutClone("NotificationToast", new TextLabelStyle()
 678             {
 679                 BackgroundColor = new Color("#FAFAFA"),
 680                 CornerRadius = 12.0f,
 681                 BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
 682                 TextColor = new Color("#090E21"),
 683                 PixelSize = 24,
 684                 WidthResizePolicy = ResizePolicyType.UseNaturalSize,
 685                 HeightResizePolicy = ResizePolicyType.UseNaturalSize,
 686                 PositionUsesPivotPoint = true,
 687                 HorizontalAlignment = HorizontalAlignment.Center,
 688                 VerticalAlignment = VerticalAlignment.Center,
 689                 Padding = new Extents(16, 16, 16, 16),
 690                 PositionY = 120,
 691             });
 692
 693             // AlertDialog base style
 694             theme.AddStyleWithoutClone("Tizen.NUI.Components.AlertDialog", new AlertDialogStyle()
 695             {
 696                 Size = new Size(-2, -2),
 697                 Padding = new Extents(32, 32, 32, 32),
 698                 ItemSpacing = new Size2D(0, 32),
 699                 BackgroundColor = new Color("#FAFAFA"),
 700                 CornerRadius = 12.0f,
 701                 BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
 702                 TitleTextLabel = new TextLabelStyle()
 703                 {
 704                     Size = new Size(626, -2),
 705                     PixelSize = 24,
 706                     HorizontalAlignment = HorizontalAlignment.Center,
 707                     VerticalAlignment = VerticalAlignment.Center,
 708                     TextColor = new Color("#090E21"),
 709                     ThemeChangeSensitive = false,
 710                 },
 711                 MessageTextLabel = new TextLabelStyle()
 712                 {
 713                     Size = new Size(626, -2),
 714                     PixelSize = 24,
 715                     MultiLine = true,
 716                     HorizontalAlignment = HorizontalAlignment.Center,
 717                     VerticalAlignment = VerticalAlignment.Center,
 718                     TextColor = new Color("#090E21"),
 719                     ThemeChangeSensitive = false,
 720                 },
 721                 ActionContent = new ViewStyle()
 722                 {
 723                     Size = new Size(626, -2),
 724                 },
 725             });
 726
 727             // TimePicker base style
 728             theme.AddStyleWithoutClone("Tizen.NUI.Components.TimePicker", new TimePickerStyle()
 729             {
 730                 CellPadding = new Size(50, 339),
 731
 732                 Pickers = new PickerStyle()
 733                 {
 734                     Size = new Size(160, 339),
 735                     ItemTextLabel = new TextLabelStyle()
 736                     {
 737                         //FIXME: Should be check PointSize. given size from UX is too large.
 738                         PixelSize = 32,
 739                         VerticalAlignment = VerticalAlignment.Center,
 740                         HorizontalAlignment = HorizontalAlignment.Center,
 741                         Size = new Size(0,72),
 742                         TextColor = new Color("#000C2B"),
 743                         BackgroundColor = Color.White,
 744                         ThemeChangeSensitive = false
 745                     },
 746                     Divider = new ViewStyle()
 747                     {
 748                         SizeHeight = 2.0f,
 749                         WidthResizePolicy = ResizePolicyType.FillToParent,
 750                         Position = new Position(0, 132),
 751                         BackgroundColor = new Color("#0A0E4A"),
 752                     },
 753                     StartScrollOffset = new Size2D(0, 12),
 754                 }
 755             });
 756
 757             // DatePicker base style
 758             theme.AddStyleWithoutClone("Tizen.NUI.Components.DatePicker", new DatePickerStyle()
 759             {
 760                 CellPadding = new Size(50, 339),
 761
 762                 Pickers = new PickerStyle()
 763                 {
 764                     Size = new Size(160, 339),
 765                     ItemTextLabel = new TextLabelStyle()
 766                     {
 767                         //FIXME: Should be check PointSize. given size from UX is too large.
 768                         PixelSize = 32,
 769                         VerticalAlignment = VerticalAlignment.Center,
 770                         HorizontalAlignment = HorizontalAlignment.Center,
 771                         Size = new Size(0,72),
 772                         TextColor = new Color("#000C2B"),
 773                         BackgroundColor = Color.White,
 774                         ThemeChangeSensitive = false
 775                     },
 776                     Divider = new ViewStyle()
 777                     {
 778                         SizeHeight = 2.0f,
 779                         WidthResizePolicy = ResizePolicyType.FillToParent,
 780                         Position = new Position(0, 132),
 781                         BackgroundColor = new Color("#0A0E4A"),
 782                     },
 783                     StartScrollOffset = new Size2D(0, 12),
 784                 }
 785             });
 786
 787             // Menu base style
 788             theme.AddStyleWithoutClone("Tizen.NUI.Components.Menu", new MenuStyle()
 789             {
 790                 Content = new ViewStyle()
 791                 {
 792                     BackgroundColor = new Color("#FFFEFE"),
 793                     CornerRadius = 24.0f,
 794                     BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
 795                     // FIXME: ScrollableBase with LinearLayout's Padding.Start is applied both Start and End.
 796                     //        ScrollableBase with LinearLayout's Padding.Top is applied both Top and Bottom.
 797                     Padding = new Extents(32, 0, 16, 0),
 798                 },
 799             });
 800
 801             // MenuItem base style
 802             theme.AddStyleWithoutClone("Tizen.NUI.Components.MenuItem", new ButtonStyle()
 803             {
 804                 Size = new Size(324, -2),
 805                 MinimumSize = new Size2D(0, 64),
 806                 BackgroundColor = new Color("#FFFEFE"),
 807                 CornerRadius = 0,
 808                 // FIXME: ClippingModeType.ClipChildren cannot support anti-aliasing
 809                 //        So not to show left bottom corner of MenuItem, MenuItem.Padding.Start is 0 and Menu.Content.Padding.Start is 32.
 810                 //        (instead of MenuItem.Padding.Start 16 and Menu.Content.Padding.Start is 16)
 811                 Padding = new Extents(0, 0, 24, 24),
 812                 Text = new TextLabelStyle()
 813                 {
 814                     PixelSize = 24,
 815                     MultiLine = true,
 816                     HorizontalAlignment = HorizontalAlignment.Begin,
 817                     VerticalAlignment = VerticalAlignment.Center,
 818                     TextColor = new Selector<Color>()
 819                     {
 820                         Normal = new Color("#090E21"),
 821                         Focused = new Color("#FF6200"),
 822                         Pressed = new Color("#FF6200"),
 823                         Disabled = new Color("#CACACA"),
 824                         Selected = new Color("#FF6200"),
 825                     },
 826                     ThemeChangeSensitive = false
 827                 },
 828                 Icon = new ImageViewStyle()
 829                 {
 830                     Color = new Selector<Color>()
 831                     {
 832                         Normal = new Color("#090E21"),
 833                         Focused = new Color("#FF6200"),
 834                         Pressed = new Color("#FF6200"),
 835                         Disabled = new Color("#CACACA"),
 836                         Selected = new Color("#FF6200"),
 837                     },
 838                 },
 839             });
 840
 841             // AlertDialog base style
 842             theme.AddStyleWithoutClone("Tizen.NUI.Components.DialogPage.Scrim", new ViewStyle()
 843             {
 844                 BackgroundColor = new Color("#090E21"),
 845                 Opacity = 0.5f,
 846             });
 847
 848             return theme;
 849         }
 850     }
 851 }
 852
 853 #endif // !PROFILE_WEARABLE