/*
- * Copyright(c) 2021 Samsung Electronics Co., Ltd.
+ * Copyright(c) 2022 Samsung Electronics Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
// Button base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.Button", new ButtonStyle()
{
- Size = new Size(339, 96),
- CornerRadius = 28.0f,
+ MinimumSize = new Size(252, 48),
+ Padding = new Extents(32, 32, 8, 8),
+ ItemSpacing = new Size2D(8, 8),
+ CornerRadius = 12.0f,
ItemHorizontalAlignment = HorizontalAlignment.Center,
ItemVerticalAlignment = VerticalAlignment.Center,
BackgroundColor = new Selector<Color>()
{
- Normal = new Color(0.039f, 0.055f, 0.29f, 1),
- Pressed = new Color(0.106f, 0.412f, 0.792f, 1),
- Focused = new Color(0, 0.2f, 0.545f, 1),
- Disabled = new Color(0.765f, 0.792f, 0.824f, 1),
+ Normal = new Color(1.0f, 0.384f, 0.0f, 1),
+ Pressed = new Color(0.85f, 0.325f, 0.0f, 1),
+ Focused = new Color(1.0f, 0.827f, 0.624f, 1),
+ Selected = new Color(0.624f, 0.239f, 0.0f, 1),
+ Disabled = new Color(0.792f, 0.792f, 0.792f, 1),
},
Text = new TextLabelStyle()
{
- TextColor = Color.White,
- PixelSize = 32,
+ TextColor = new Color("#FDFDFD"),
+ PixelSize = 24,
+ FontSizeScale = FontSizeScale.UseSystemSetting,
+ }
+ });
+
+ // Outlined Button style
+ theme.AddStyleWithoutClone("Tizen.NUI.Components.Button.Outlined", new ButtonStyle()
+ {
+ MinimumSize = new Size(252, 48),
+ Padding = new Extents(32, 32, 8, 8),
+ ItemSpacing = new Size2D(8, 8),
+ CornerRadius = 12.0f,
+ BorderlineWidth = 2.0f,
+ BorderlineColorSelector = new Selector<Color>()
+ {
+ Normal = new Color("#FF6200"),
+ Pressed = new Color("#FFA166"),
+ Focused = new Color("#FF7119"),
+ Selected = new Color("#FF8133"),
+ Disabled = new Color("#CACACA"),
+ },
+ ItemHorizontalAlignment = HorizontalAlignment.Center,
+ ItemVerticalAlignment = VerticalAlignment.Center,
+ BackgroundColor = Color.Transparent,
+ Text = new TextLabelStyle()
+ {
+ TextColor = new Selector<Color>()
+ {
+ Normal = new Color("#FF6200"),
+ Pressed = new Color("#FFA166"),
+ Focused = new Color("#FF7119"),
+ Selected = new Color("#FF8133"),
+ Disabled = new Color("#CACACA"),
+ },
+ PixelSize = 24,
+ FontSizeScale = FontSizeScale.UseSystemSetting,
+ }
+ });
+
+ // TextOnly Button style
+ theme.AddStyleWithoutClone("Tizen.NUI.Components.Button.TextOnly", new ButtonStyle()
+ {
+ MinimumSize = new Size(120, 48),
+ Padding = new Extents(32, 32, 8, 8),
+ ItemHorizontalAlignment = HorizontalAlignment.Center,
+ ItemVerticalAlignment = VerticalAlignment.Center,
+ BackgroundColor = Color.Transparent,
+ Text = new TextLabelStyle()
+ {
+ TextColor = new Selector<Color>()
+ {
+ Normal = new Color("#FF6200"),
+ Pressed = new Color("#FFA166"),
+ Focused = new Color("#FF7119"),
+ Selected = new Color("#FF8133"),
+ Disabled = new Color("#CACACA"),
+ },
+ PixelSize = 24,
+ FontSizeScale = FontSizeScale.UseSystemSetting,
}
});
// CheckBox base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.CheckBox", new ButtonStyle()
{
- ItemSpacing = new Size2D(32, 32),
- ItemHorizontalAlignment = HorizontalAlignment.Begin,
+ Padding = new Extents(8, 8, 8, 8),
+ ItemSpacing = new Size2D(16, 16),
+ ItemHorizontalAlignment = HorizontalAlignment.Center,
ItemVerticalAlignment = VerticalAlignment.Center,
Icon = new ImageViewStyle()
{
- Size = new Size(36, 36),
+ Size = new Size(32, 32),
ResourceUrl = new Selector<string>()
{
Normal = FrameworkInformation.ResourcePath + "IoT_check_off.png",
},
Text = new TextLabelStyle()
{
- TextColor = new Color("#001447"),
- PixelSize = 32,
+ TextColor = new Color("#090E21"),
+ PixelSize = 24,
+ FontSizeScale = FontSizeScale.UseSystemSetting,
}
});
{
PointSize = 16,
Padding = new Extents(20, 20, 20, 20),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
},
Buttons = new ButtonStyle()
{
- Size = new Size(0, 80),
+ SizeHeight = 80,
CornerRadius = 0,
BackgroundColor = new Selector<Color>()
{
Text = new TextLabelStyle()
{
TextColor = new Color(0.05f, 0.63f, 0.9f, 1),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
}
}
});
// Progress base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.Progress", new ProgressStyle()
{
- Size = new Size(200, 25),
+ Size = new Size(508, 16),
Track = new ImageViewStyle()
{
- BorderlineWidth = 0.5f,
- BorderlineColor = new Color(0.92f, 0.93f, 0.94f, 1.0f),
+ CornerRadius = 8.0f,
BackgroundColor = new Selector<Color>()
{
- Normal = new Color(1.0f, 1.0f, 1.0f, 0.5f),
- Disabled = new Color(0.73f, 0.76f, 0.79f, 1),
+ Normal = new Color(0.82f, 0.31f, 0.0f, 0.1f),
+ Disabled = new Color(0.82f, 0.31f, 0.0f, 0.1f),
},
},
Buffer = new ImageViewStyle()
{
- BackgroundColor = new Color(0.05f, 0.63f, 0.9f, 0.3f),
+ CornerRadius = 8.0f,
+ BackgroundColor = new Color(0.82f, 0.31f, 0.0f, 0.1f),
},
Progress = new ImageViewStyle()
{
- BackgroundColor = new Color(0.03f, 0.05f, 0.29f, 1),
+ CornerRadius = 8.0f,
+ BackgroundColor = new Color("#D25000"),
},
- IndeterminateImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_progress_indeterminate.png",
+ IndeterminateImageUrl = FrameworkInformation.ResourcePath + "IoT_progress_indeterminate.png",
});
// RadioButton base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.RadioButton", new ButtonStyle()
{
- ItemSpacing = new Size2D(32, 32),
- ItemHorizontalAlignment = HorizontalAlignment.Begin,
+ Padding = new Extents(8, 8, 8, 8),
+ ItemSpacing = new Size2D(16, 16),
+ ItemHorizontalAlignment = HorizontalAlignment.Center,
ItemVerticalAlignment = VerticalAlignment.Center,
Icon = new ImageViewStyle()
{
- Size = new Size(36, 36),
+ Size = new Size(32, 32),
ResourceUrl = new Selector<string>()
{
Normal = FrameworkInformation.ResourcePath + "IoT_radiobutton_off.png",
},
Text = new TextLabelStyle()
{
- TextColor = new Color("#001447"),
- PixelSize = 32,
+ TextColor = new Color("#090E21"),
+ PixelSize = 24,
+ FontSizeScale = FontSizeScale.UseSystemSetting,
}
});
// Slider base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.Slider", new SliderStyle()
{
- Size = new Size(200, 50),
+ Size = new Size(850, 50),
TrackThickness = 8,
Track = new ImageViewStyle()
{
- Size = new Size(100, 8),
- BorderlineWidth = 0.5f,
- BorderlineColor = new Color(0.84f, 0.85f, 0.87f, 1.0f),
+ Size = new Size(800, 8),
+ CornerRadius = 4.0f,
BackgroundColor = new Selector<Color>()
{
- Normal = new Color(1.0f, 1.0f, 1.0f, 0.2f),
- Disabled = new Color(0.76f, 0.79f, 0.82f, 1),
+ Normal = new Color(1.0f, 0.37f, 0.0f, 0.1f),
+ Disabled = new Color(1.0f, 0.37f, 0.0f, 0.1f),
},
},
Progress = new ImageViewStyle()
{
- Size = new Size(100, 8),
+ Size = new Size(800, 8),
+ CornerRadius = 4.0f,
BackgroundColor = new Selector<Color>()
{
- Normal = new Color(0.03f, 0.05f, 0.3f, 1),
- Disabled = new Color(0.76f, 0.79f, 0.82f, 1),
+ Normal = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
},
},
Thumb = new ImageViewStyle()
{
- Size = new Size(36, 36),
+ Size = new Size(40, 40),
ResourceUrl = new Selector<string>()
{
Normal = FrameworkInformation.ResourcePath + "IoT_slider_handler_normal.png",
},
ValueIndicatorImage = new ImageViewStyle()
{
- Size = new Size(49, 24),
- BackgroundColor = new Color(0.0f, 0.04f, 0.16f, 1.0f),
+ Size = new Size(43, 40),
+ BorderlineWidth = 1.0f,
+ BorderlineColor = new Color("#FF6200"),
+ BackgroundColor = new Color(1.0f, 1.0f, 1.0f, 0.0f),
+ CornerRadius = 12.0f,
},
+ ValueIndicatorText = new TextLabelStyle()
+ {
+ SizeHeight = 24,
+ PixelSize = 16,
+ TextColor = new Color("#FF6200"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
+ }
});
// Switch base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.Switch", new SwitchStyle()
{
- ItemSpacing = new Size2D(32, 32),
+ ItemSpacing = new Size2D(16, 16),
ItemHorizontalAlignment = HorizontalAlignment.Begin,
ItemVerticalAlignment = VerticalAlignment.Center,
Track = new ImageViewStyle()
{
- Size = new Size(80, 40),
+ Size = new Size(84, 44),
ResourceUrl = new Selector<string>()
{
Normal = FrameworkInformation.ResourcePath + "IoT_switch_track_off.png",
},
Thumb = new ImageViewStyle()
{
- Size = new Size(40, 40),
+ Size = new Size(44, 44),
ResourceUrl = new Selector<string>()
{
Normal = FrameworkInformation.ResourcePath + "IoT_switch_thumb.png",
},
Text = new TextLabelStyle()
{
- TextColor = new Color("#001447"),
- PixelSize = 32,
+ TextColor = new Color("#090E21"),
+ PixelSize = 24,
+ FontSizeScale = FontSizeScale.UseSystemSetting,
}
});
// Loading base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.Loading", new LoadingStyle()
{
- LoadingSize = new Size(100, 100),
+ LoadingSize = new Size(200, 200),
});
// Pagination base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.Pagination", new PaginationStyle()
{
+ Size = new Size(450, 24),
IndicatorImageUrl = new Selector<string>()
{
Normal = FrameworkInformation.ResourcePath + "nui_component_default_pagination_normal_dot.png",
Selected = FrameworkInformation.ResourcePath + "nui_component_default_pagination_focus_dot.png",
},
- IndicatorSize = new Size(10, 10),
+ IndicatorSize = new Size(64, 8),
+ IndicatorSpacing = 16,
});
// Scrollbar base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.Scrollbar", new ScrollbarStyle()
{
- TrackThickness = 12,
- ThumbThickness = 12,
+ TrackThickness = 8,
+ ThumbThickness = 8,
TrackColor = new Color(0f, 0f, 0f, 0f),
- ThumbColor = new Color("#0A0E4A"),
+ ThumbColor = new Color("#FFFEFE"),
TrackPadding = 4,
- ThumbVerticalImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_scroll_vbar.#.png",
- ThumbHorizontalImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_scroll_hbar.#.png",
+ //7.0 UX no require image resource.
+ Thumb = new ImageViewStyle()
+ {
+ CornerRadius = 4.0f,
+ BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
+ }
+ //ThumbVerticalImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_scroll_vbar.#.png",
+ //ThumbHorizontalImageUrl = FrameworkInformation.ResourcePath + "nui_component_default_scroll_hbar.#.png",
});
// LinearLayouter base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.LinearLayouter", new ViewStyle()
{
- Padding = new Extents(64, 64, 0, 0)
+ Padding = new Extents(0, 0, 0, 0)
});
// GridLayouter base style
// DefaultLinearItem base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.DefaultLinearItem", new DefaultLinearItemStyle()
{
- SizeHeight = 108,
- Padding = new Extents(64, 64, 18, 17),
+ SizeHeight = 64,
+ Padding = new Extents(16, 16, 0, 0),
Margin = new Extents(0, 0, 0, 0),
- BackgroundColor = new Selector<Color>()
- {
- Normal = new Color(1, 1, 1, 1),
- Pressed = new Color(0.85f, 0.85f, 0.85f, 1),
- Disabled = new Color(0.70f, 0.70f, 0.70f, 1),
- Selected = new Color(0.85f, 0.85f, 0.85f, 1),
- },
Label = new TextLabelStyle()
{
- PixelSize = 32,
+ PixelSize = 24,
Ellipsis = true,
- FontFamily = "BreezeSans", //FXIME Font Weight is Light
- TextColor = new Color("#001447"),
+ FontFamily = "SamsungOneUI600",
+ TextColor = new Selector<Color>()
+ {
+ Normal = new Color("#090E21"),
+ Pressed = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
+ Selected = new Color("#FF6200"),
+ },
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
SubLabel = new TextLabelStyle()
{
- PixelSize = 28,
+ PixelSize = 20,
Ellipsis = true,
- FontFamily = "BreezeSans",
- TextColor = new Color("#001447"),
+ FontFamily = "SamsungOneUI400",
+ TextColor = new Selector<Color>()
+ {
+ Normal = new Color("#090E21"),
+ Pressed = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
+ Selected = new Color("#FF6200"),
+ },
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
Icon = new ViewStyle()
{
- Margin = new Extents(0, 32, 0, 0)
+ Margin = new Extents(0, 16, 0, 0)
},
Extra = new ViewStyle()
{
- Margin = new Extents(32, 0, 0, 0)
- },
- Seperator = new ViewStyle()
- {
- SizeHeight = 1,
- Margin = new Extents(64, 64, 0, 0),
- BackgroundColor = new Color("#C3CAD2"),
+ Margin = new Extents(16, 0, 0, 0)
},
});
// DefaultGridItem base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.DefaultGridItem", new DefaultGridItemStyle()
{
+ ClippingMode = ClippingModeType.ClipChildren,
Padding = new Extents(0, 0, 0, 0),
Margin = new Extents(5, 5, 5, 5),
+ CornerRadius = 12.0f,
+ BackgroundColor = new Selector<Color>()
+ {
+ Normal = new Color("#FAFAFA"),
+ Pressed = new Color(1f, 0.38f, 0, 0.2f),
+ Disabled = new Color("#FAFAFA"),
+ Selected = new Color(1f, 0.38f, 0, 0.2f),
+ },
+ Image = new ImageViewStyle()
+ {
+ //FIXME: Clip mode is not working on CornerRadius.
+ CornerRadius = 12.0f,
+ ClippingMode = ClippingModeType.ClipChildren,
+ },
Label = new TextLabelStyle()
{
- SizeHeight = 60,
- PixelSize = 24,
+ SizeHeight = 24,
+ PixelSize = 16,
+ FontFamily = "SamsungOneUI400",
LineWrapMode = LineWrapMode.Character,
+ TextColor = new Selector<Color>()
+ {
+ Normal = new Color("#090E21"),
+ Pressed = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
+ Selected = new Color("#FF6200"),
+ },
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
Badge = new ViewStyle()
{
- Margin = new Extents(5, 5, 5, 5),
+ Margin = new Extents(0, 0, 0, 0),
},
+ BoxShadow = new Shadow(12.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 4.0f)),
});
// DefaultTitleItem base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.DefaultTitleItem", new DefaultTitleItemStyle()
{
- SizeHeight = 60,
- Padding = new Extents(64, 64, 12, 12),
+ SizeHeight = 48,
+ Padding = new Extents(20, 20, 0, 0),
Margin = new Extents(0, 0, 0, 0),
- BackgroundColor = new Selector<Color>()
- {
- Normal = new Color("#EEEEF1"),
- },
+ BackgroundColor = Color.Transparent,
Label = new TextLabelStyle()
{
- PixelSize = 28,
+ PixelSize = 24,
Ellipsis = true,
- TextColor = new Color("#001447"),
+ FontFamily = "SamsungOneUI400",
+ TextColor = new Color("#090E217F"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
Icon = new ViewStyle()
{
- Margin = new Extents(40, 0, 0, 0)
+ Margin = new Extents(24, 0, 0, 0)
},
Seperator = new ViewStyle()
{
// ContentPage base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.ContentPage", new ViewStyle()
{
- BackgroundColor = new Color("#EEEFF1"),
+ BackgroundColor = new Color("#FAFAFA"),
+ CornerRadius = new Vector4(24.0f, 24.0f, 24.0f ,24.0f),
+ CornerRadiusPolicy = VisualTransformPolicyType.Absolute,
+ BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
});
// AppBar base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.AppBar", new AppBarStyle()
{
- Size = new Size(-1, 120),
- BackgroundColor = new Color("#EEEFF1"),
+ Size = new Size(-1, 64),
+ BackgroundColor = Color.Transparent,
BackButton = new ButtonStyle()
{
Size = new Size(48, 48),
CornerRadius = 0,
- BackgroundColor = new Color(0, 0, 0, 0),
+ BackgroundColor = Color.Transparent,
Icon = new ImageViewStyle()
{
Size = new Size(48, 48),
ResourceUrl = FrameworkInformation.ResourcePath + "nui_component_default_back_button.png",
Color = new Selector<Color>()
{
- Normal = new Color("#0A0E4A"),
- Focused = new Color("#00338B"),
- Pressed = new Color("#1B69CA"),
- Disabled = new Color("#C3CAD2"),
+ Normal = new Color("#17234D"),
+ Focused = new Color("#17234D"),
+ Pressed = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
},
},
ThemeChangeSensitive = false
},
TitleTextLabel = new TextLabelStyle()
{
- PixelSize = 40,
+ PixelSize = 24,
VerticalAlignment = VerticalAlignment.Center,
TextColor = new Selector<Color>()
{
- Normal = new Color("#000C2B"),
+ Normal = new Color("#17234D"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
ActionView = new ViewStyle()
{
- Size = new Size(48, 120),
+ Size = new Size(48, 64),
CornerRadius = 0,
- BackgroundColor = new Color(0, 0, 0, 0),
+ BackgroundColor = Color.Transparent,
},
ActionButton = new ButtonStyle()
{
- Size = new Size(-2, 120),
+ Size = new Size(-2, 64),
CornerRadius = 0,
- BackgroundColor = new Color(0, 0, 0, 0),
+ BackgroundColor = Color.Transparent,
Text = new TextLabelStyle()
{
- PixelSize = 26,
+ PixelSize = 24,
TextColor = new Selector<Color>()
{
- Normal = new Color("#0A0E4A"),
- Focused = new Color("#00338B"),
- Pressed = new Color("#1B69CA"),
- Disabled = new Color("#C3CAD2"),
+ Normal = new Color("#FF6200"),
+ Focused = new Color("#FF6200"),
+ Pressed = new Color("#D95300"),
+ Disabled = new Color("#CACACA"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
},
Icon = new ImageViewStyle()
{
Size = new Size(48, 48),
Color = new Selector<Color>()
{
- Normal = new Color("#0A0E4A"),
- Focused = new Color("#00338B"),
- Pressed = new Color("#1B69CA"),
- Disabled = new Color("#C3CAD2"),
+ Normal = new Color("#17234D"),
+ Focused = new Color("#17234D"),
+ Pressed = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
},
},
ThemeChangeSensitive = false,
},
- Padding = new Extents(64, 64, 0, 0),
- NavigationPadding = new Extents(0, 24, 0, 0),
- ActionPadding = new Extents(40, 0, 0, 0),
- ActionCellPadding = new Size2D(40, 0),
+ Padding = new Extents(16, 16, 0, 0),
+ NavigationPadding = new Extents(0, 8, 0, 0),
+ ActionPadding = new Extents(16, 0, 0, 0),
+ ActionCellPadding = new Size2D(16, 0),
});
// Picker base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.Picker", new PickerStyle()
{
- Size = new Size(160, 339),
+ SizeHeight = 220.0f,
+ MinimumSize = new Size(80, -1),
ItemTextLabel = new TextLabelStyle()
{
- //FIXME: Should be check PointSize. given size from UX is too large.
- PixelSize = 32,
+ PixelSize = 24,
VerticalAlignment = VerticalAlignment.Center,
HorizontalAlignment = HorizontalAlignment.Center,
- Size = new Size(0,72),
+ SizeHeight = 44,
TextColor = new Selector<Color>()
{
- Normal = new Color("#000C2B"),
+ Normal = new Color(0.035f, 0.055f, 0.123f, 1.0f),
},
- BackgroundColor = Color.White,
- },
- Divider = new ViewStyle()
- {
- SizeHeight = 2.0f,
- WidthResizePolicy = ResizePolicyType.FillToParent,
- Position = new Position(0, 132),
- BackgroundColor = new Color("#0A0E4A"),
+ BackgroundColor = new Color("#FAFAFA"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
},
- StartScrollOffset = new Size(0, 12),
+ StartScrollOffset = new Size(0, 0),
+ });
+
+ // TabBar base style
+ theme.AddStyleWithoutClone("Tizen.NUI.Components.TabBar", new ViewStyle()
+ {
+ Size = new Size(-1, -2),
+ Margin = new Extents(16, 16, 0, 0),
+ Padding = new Extents(14, 14, 0, 0),
+ CornerRadius = new Vector4(12.0f, 12.0f, 12.0f, 12.0f),
+ CornerRadiusPolicy = VisualTransformPolicyType.Absolute,
+ BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
+ BackgroundColor = new Color("#FAFAFA"),
});
// TabButton base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.TabButton", new TabButtonStyle()
{
- Size = new Size(-1, 84),
+ Size = new Size(-1, 72),
+ SizeWithIcon = new Size(-1, 116),
+ SizeWithIconOnly = new Size(-1, 64),
+ MinimumSize = new Size(80, 64),
+ Padding = new Extents(24, 24, 16, 16),
+ ItemSpacing = new Size2D(10, 10),
CornerRadius = 0,
- BackgroundColor = Color.White,
+ IconSizeWithIconOnly = new Size(32, 32),
+ TextSizeWithIcon = 16.0f,
+ BackgroundColor = new Selector<Color>()
+ {
+ Normal = new Color("#FAFAFA"),
+ Selected = new Color("#FFE0CC"),
+ Pressed = new Color("#FFCAA8"),
+ Focused = new Color("#FAFAFA"),
+ Disabled = new Color("#FAFAFA"),
+ },
Text = new TextLabelStyle()
{
- PixelSize = 28,
+ PixelSize = 24,
Size = new Size(-2, -2),
TextColor = new Selector<Color>()
{
- Normal = new Color("#000C2B"),
- Selected = new Color("#000C2B"),
- Pressed = new Color("#1473E6"),
- Disabled = new Color("#C3CAD2"),
+ Normal = new Color("#090E21"),
+ Selected = new Color("#FF6200"),
+ Pressed = new Color("#FF6200"),
+ Focused = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false,
},
Icon = new ImageViewStyle()
Size = new Size(48, 48),
Color = new Selector<Color>()
{
- Normal = new Color("#000C2B"),
- Selected = new Color("#000C2B"),
- Pressed = new Color("#1473E6"),
- Disabled = new Color("#C3CAD2"),
- },
- },
- TopLine = new ViewStyle()
- {
- Size = new Size(-1, 1),
- BackgroundColor = new Selector<Color>()
- {
- Normal = new Color("#000C2B"),
- Selected = new Color("#000C2B"),
- Pressed = new Color("#1473E6"),
- Disabled = new Color("#C3CAD2"),
- },
- },
- BottomLine = new ViewStyle()
- {
- Size = new Size(-1, 8),
- Position = new Position(0, 76), // 84 - 8
- BackgroundColor = new Selector<Color>()
- {
- Normal = Color.Transparent,
- Selected = new Color("#000C2B"),
- Pressed = new Color("#1473E6"),
- Disabled = Color.Transparent,
+ Normal = new Color("#090E21"),
+ Selected = new Color("#FF6200"),
+ Pressed = new Color("#FF6200"),
+ Focused = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
},
},
});
// NotificationToast base style
theme.AddStyleWithoutClone("NotificationToast", new TextLabelStyle()
{
- BackgroundColor = new Color("#F2F7FF"),
- CornerRadius = 20.0f,
- BoxShadow = new Shadow(5.0f, new Color("#00000066"), new Vector2(2.0f, 2.0f)),
- TextColor = new Color("#000C2B"),
- PixelSize = 32,
+ BackgroundColor = new Color("#FAFAFA"),
+ CornerRadius = 12.0f,
+ BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
+ TextColor = new Color("#090E21"),
+ PixelSize = 24,
WidthResizePolicy = ResizePolicyType.UseNaturalSize,
HeightResizePolicy = ResizePolicyType.UseNaturalSize,
PositionUsesPivotPoint = true,
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center,
- Padding = new Extents(40, 40, 24, 24),
+ Padding = new Extents(16, 16, 16, 16),
PositionY = 120,
+ FontSizeScale = FontSizeScale.UseSystemSetting,
});
// AlertDialog base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.AlertDialog", new AlertDialogStyle()
{
Size = new Size(-2, -2),
- Padding = new Extents(80, 80, 0, 0),
- BackgroundColor = Color.White,
- CornerRadius = 28.0f,
- BoxShadow = new Shadow(2.0f, new Color("#00000029"), new Vector2(2.0f, 2.0f)),
+ Padding = new Extents(32, 32, 32, 32),
+ ItemSpacing = new Size2D(0, 32),
+ BackgroundColor = new Color("#FAFAFA"),
+ CornerRadius = 12.0f,
+ BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
TitleTextLabel = new TextLabelStyle()
{
- Size = new Size(720, -2),
- Margin = new Extents(0, 0, 40, 40),
- PixelSize = 40,
+ Size = new Size(626, -2),
+ PixelSize = 24,
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center,
- TextColor = new Color("#000C2B"),
+ TextColor = new Color("#090E21"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false,
},
MessageTextLabel = new TextLabelStyle()
{
- Size = new Size(720, -2),
- Margin = new Extents(0, 0, 0, 64),
- PixelSize = 32,
+ Size = new Size(626, -2),
+ PixelSize = 24,
MultiLine = true,
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center,
- TextColor = new Color("#000C2B"),
+ TextColor = new Color("#090E21"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false,
},
ActionContent = new ViewStyle()
{
- Size = new Size(720, -2),
+ Size = new Size(626, -2),
},
});
// TimePicker base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.TimePicker", new TimePickerStyle()
{
- CellPadding = new Size(50, 339),
+ CellPadding = new Size(12, 220),
Pickers = new PickerStyle()
{
- Size = new Size(160, 339),
+ Size = new Size(80, 220),
ItemTextLabel = new TextLabelStyle()
{
- //FIXME: Should be check PointSize. given size from UX is too large.
- PixelSize = 32,
+ PixelSize = 24,
VerticalAlignment = VerticalAlignment.Center,
HorizontalAlignment = HorizontalAlignment.Center,
- Size = new Size(0,72),
- TextColor = new Color("#000C2B"),
- BackgroundColor = Color.White,
+ SizeHeight = 44,
+ TextColor = new Selector<Color>()
+ {
+ Normal = new Color(0.035f, 0.055f, 0.123f, 1.0f),
+ },
+ BackgroundColor = new Color("#FAFAFA"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
- Divider = new ViewStyle()
- {
- SizeHeight = 2.0f,
- WidthResizePolicy = ResizePolicyType.FillToParent,
- Position = new Position(0, 132),
- BackgroundColor = new Color("#0A0E4A"),
- },
- StartScrollOffset = new Size2D(0, 12),
+ StartScrollOffset = new Size2D(0, 0),
}
});
// DatePicker base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.DatePicker", new DatePickerStyle()
{
- CellPadding = new Size(50, 339),
+ CellPadding = new Size(12, 220),
Pickers = new PickerStyle()
{
- Size = new Size(160, 339),
+ Size = new Size(80, 220),
ItemTextLabel = new TextLabelStyle()
{
- //FIXME: Should be check PointSize. given size from UX is too large.
- PixelSize = 32,
+ PixelSize = 24,
VerticalAlignment = VerticalAlignment.Center,
HorizontalAlignment = HorizontalAlignment.Center,
- Size = new Size(0,72),
- TextColor = new Color("#000C2B"),
- BackgroundColor = Color.White,
+ SizeHeight = 44,
+ TextColor = new Selector<Color>()
+ {
+ Normal = new Color(0.035f, 0.055f, 0.123f, 1.0f),
+ },
+ BackgroundColor = new Color("#FAFAFA"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
- Divider = new ViewStyle()
- {
- SizeHeight = 2.0f,
- WidthResizePolicy = ResizePolicyType.FillToParent,
- Position = new Position(0, 132),
- BackgroundColor = new Color("#0A0E4A"),
- },
- StartScrollOffset = new Size2D(0, 12),
+ StartScrollOffset = new Size2D(0, 0),
}
});
+ // Menu base style
+ theme.AddStyleWithoutClone("Tizen.NUI.Components.Menu", new MenuStyle()
+ {
+ BackgroundColor = Color.Transparent,
+ Content = new ViewStyle()
+ {
+ BackgroundColor = new Color("#FFFEFE"),
+ CornerRadius = 24.0f,
+ BoxShadow = new Shadow(8.0f, new Color(0.0f, 0.0f, 0.0f, 0.16f), new Vector2(0.0f, 2.0f)),
+ // FIXME: ScrollableBase with LinearLayout's Padding.Start is applied both Start and End.
+ // ScrollableBase with LinearLayout's Padding.Top is applied both Top and Bottom.
+ Padding = new Extents(32, 0, 16, 0),
+ },
+ });
+
// MenuItem base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.MenuItem", new ButtonStyle()
{
- Size = new Size(480, -2),
- MinimumSize = new Size2D(0, 72),
+ Size = new Size(324, -2),
+ MinimumSize = new Size2D(0, 64),
+ BackgroundColor = new Color("#FFFEFE"),
CornerRadius = 0,
- BackgroundImage = FrameworkInformation.ResourcePath + "nui_component_menu_item_bg.png",
- Padding = new Extents(16, 16, 16, 16),
+ // FIXME: ClippingModeType.ClipChildren cannot support anti-aliasing
+ // So not to show left bottom corner of MenuItem, MenuItem.Padding.Start is 0 and Menu.Content.Padding.Start is 32.
+ // (instead of MenuItem.Padding.Start 16 and Menu.Content.Padding.Start is 16)
+ Padding = new Extents(0, 0, 24, 24),
Text = new TextLabelStyle()
{
- PixelSize = 32,
+ PixelSize = 24,
MultiLine = true,
HorizontalAlignment = HorizontalAlignment.Begin,
VerticalAlignment = VerticalAlignment.Center,
TextColor = new Selector<Color>()
{
- Normal = new Color("#001447"),
- Focused = new Color("#00338B"),
- Pressed = new Color("#1B69CA"),
- Disabled = new Color("#C3CAD2"),
- Selected = new Color("#1B69CA"),
+ Normal = new Color("#090E21"),
+ Focused = new Color("#FF6200"),
+ Pressed = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
+ Selected = new Color("#FF6200"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
Icon = new ImageViewStyle()
{
- Size = new Size(-2, 48),
Color = new Selector<Color>()
{
- Normal = new Color("#001447"),
- Focused = new Color("#00338B"),
- Pressed = new Color("#1B69CA"),
- Disabled = new Color("#C3CAD2"),
- Selected = new Color("#1B69CA"),
+ Normal = new Color("#090E21"),
+ Focused = new Color("#FF6200"),
+ Pressed = new Color("#FF6200"),
+ Disabled = new Color("#CACACA"),
+ Selected = new Color("#FF6200"),
},
},
});
+ // AlertDialog base style
+ theme.AddStyleWithoutClone("Tizen.NUI.Components.DialogPage.Scrim", new ViewStyle()
+ {
+ BackgroundColor = new Color("#090E21"),
+ Opacity = 0.5f,
+ });
+
return theme;
}
}