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