How to customize the arrow border color in MetroScrollbar in WinForm GridControl?
In order to customize the appearance of the arrow buttons in MetroScrollBars, use the properties like ArrowNormalBorderColor, ArrowPushedBorderColor, ArrowNormal, etc, of MetroColorTable and set it to the GridControl.MetroColorTable property.
//Metro colors
MetroColorTable style = GridsScrollbarsStyle();
//Enable metro scroll bars
gridControl1.MetroScrollBars = true;
//Setting Metro colors for MetroScrollBar
gridControl1.MetroColorTable = style;
private MetroColorTable GridsScrollbarsStyle()
{
var scrollStyle = new MetroColorTable
{
ScrollerBackground = Color.FromArgb(2,182,161),
// Arrow background
ArrowNormalBackground = Color.WhiteSmoke,
//To set the arrow border
ArrowNormalBorderColor = Color.Red,
ArrowPushedBorderColor = Color.FromArgb(171, 171, 171),
ArrowCheckedBorderColor = Color.FromArgb(171, 171, 171),
ArrowPushedBackGround = Color.FromArgb(34, 34, 34),
ArrowPushed = Color.FromArgb(104, 104, 104),
ArrowNormal = Color.Green,
ArrowChecked = Color.FromArgb(80, 80, 80),
ArrowInActive = Color.FromArgb(104, 104, 104),
};
return scrollStyle;
}'Metro colors
Dim style As MetroColorTable = GridsScrollbarsStyle()
'Enable metro scroll bars
gridControl1.MetroScrollBars = True
'Setting Metro colors for MetroScrollBar
gridControl1.MetroColorTable = style
Private Function GridsScrollbarsStyle() As MetroColorTable
Dim scrollStyle = New MetroColorTable With
{
.ScrollerBackground = Color.FromArgb(2, 182, 161),
.ArrowNormalBackGround = Color.WhiteSmoke,
.ArrowNormalBorderColor = Color.Red,
.ArrowPushedBorderColor = Color.FromArgb(171, 171, 171),
.ArrowCheckedBorderColor = Color.FromArgb(171, 171, 171),
.ArrowPushedBackGround = Color.FromArgb(34, 34, 34),
.ArrowPushed = Color.FromArgb(104, 104, 104),
.ArrowNormal = Color.Green,
.ArrowChecked = Color.FromArgb(80, 80, 80),
.ArrowInActive = Color.FromArgb(104, 104, 104),
}
Return scrollStyle
End Function The
screenshot below illustrates the arrow border color in MetroScrollbars.

Sample Link: