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