// Button base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.Button", new ButtonStyle()
{
- Size = new Size(339, 96),
+ 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,
},
Text = new TextLabelStyle()
{
- TextColor = Color.White,
+ 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,
}
}
});
// 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,
}
});
},
ValueIndicatorImage = new ImageViewStyle()
{
- Size = new Size(16, 24),
- BorderlineWidth = 0.5f,
+ Size = new Size(43, 40),
+ BorderlineWidth = 1.0f,
BorderlineColor = new Color("#FF6200"),
- BackgroundColor = new Color(0.0f, 0.04f, 0.16f, 1.0f),
+ 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()
},
Text = new TextLabelStyle()
{
- TextColor = new Color("#001447"),
- PixelSize = 32,
+ TextColor = new Color("#090E21"),
+ PixelSize = 24,
+ FontSizeScale = FontSizeScale.UseSystemSetting,
}
});
// 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.DefaultLinearItem", new DefaultLinearItemStyle()
{
SizeHeight = 64,
- Padding = new Extents(20, 20, 0, 0),
+ Padding = new Extents(16, 16, 0, 0),
Margin = new Extents(0, 0, 0, 0),
Label = new TextLabelStyle()
{
Disabled = new Color("#CACACA"),
Selected = new Color("#FF6200"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
SubLabel = new TextLabelStyle()
Disabled = new Color("#CACACA"),
Selected = new Color("#FF6200"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
Icon = new ViewStyle()
{
- Margin = new Extents(0, 24, 0, 0)
+ Margin = new Extents(0, 16, 0, 0)
},
Extra = new ViewStyle()
{
- Margin = new Extents(24, 0, 0, 0)
+ Margin = new Extents(16, 0, 0, 0)
},
});
Disabled = new Color("#CACACA"),
Selected = new Color("#FF6200"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
Badge = new ViewStyle()
Ellipsis = true,
FontFamily = "SamsungOneUI400",
TextColor = new Color("#090E217F"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
Icon = new ViewStyle()
{
Normal = new Color("#17234D"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
ActionView = new ViewStyle()
Pressed = new Color("#D95300"),
Disabled = new Color("#CACACA"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
},
Icon = new ImageViewStyle()
{
// 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,
+ BackgroundColor = new Color("#FAFAFA"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
},
- Divider = new ViewStyle()
- {
- SizeHeight = 2.0f,
- WidthResizePolicy = ResizePolicyType.FillToParent,
- Position = new Position(0, 132),
- BackgroundColor = new Color("#0A0E4A"),
- },
- StartScrollOffset = new Size(0, 12),
+ StartScrollOffset = new Size(0, 0),
});
// TabBar base style
// TabButton base style
theme.AddStyleWithoutClone("Tizen.NUI.Components.TabButton", new TabButtonStyle()
{
- Size = new Size(-1, 116),
- SizeWithTextOnly = new Size(-1, 72),
+ Size = new Size(-1, 72),
+ SizeWithIcon = new Size(-1, 116),
SizeWithIconOnly = new Size(-1, 64),
- MinimumSize = new Size(100, -1),
- Padding = new Extents(24, 24, 18, 16),
- PaddingWithTextOnly = new Extents(24, 24, 20, 20),
- PaddingWithIconOnly = new Extents(24, 24, 16, 16),
- ItemSpacing = new Size2D(0, 10),
+ MinimumSize = new Size(80, 64),
+ Padding = new Extents(24, 24, 16, 16),
+ ItemSpacing = new Size2D(10, 10),
CornerRadius = 0,
IconSizeWithIconOnly = new Size(32, 32),
+ TextSizeWithIcon = 16.0f,
BackgroundColor = new Selector<Color>()
{
Normal = new Color("#FAFAFA"),
},
Text = new TextLabelStyle()
{
- PixelSize = 28,
+ PixelSize = 24,
Size = new Size(-2, -2),
TextColor = new Selector<Color>()
{
Focused = new Color("#FF6200"),
Disabled = new Color("#CACACA"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false,
},
Icon = new ImageViewStyle()
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 = 32,
+ PixelSize = 24,
WidthResizePolicy = ResizePolicyType.UseNaturalSize,
HeightResizePolicy = ResizePolicyType.UseNaturalSize,
PositionUsesPivotPoint = true,
VerticalAlignment = VerticalAlignment.Center,
Padding = new Extents(16, 16, 16, 16),
PositionY = 120,
+ FontSizeScale = FontSizeScale.UseSystemSetting,
});
// AlertDialog base style
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center,
TextColor = new Color("#090E21"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false,
},
MessageTextLabel = new TextLabelStyle()
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center,
TextColor = new Color("#090E21"),
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false,
},
ActionContent = new ViewStyle()
// 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"),
Disabled = new Color("#CACACA"),
Selected = new Color("#FF6200"),
},
+ FontSizeScale = FontSizeScale.UseSystemSetting,
ThemeChangeSensitive = false
},
Icon = new ImageViewStyle()
{
- Size = new Size(32, 32),
Color = new Selector<Color>()
{
Normal = new Color("#090E21"),