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