Here you can find a small set of styled buttons : ArrowLight, ArrowDark, ArrowLightColor, ArrowDarkColor. That best suits for: controlling an image gallery, switching between application pages, detail views, scrolling the list and so on.

Description:

ArrowLight

Uses only one color for background that you can set through Background="White". States change by increasing/decreasing the opacity and/or displaying the white shadow.  This style suits for dark or bright areas.

ArrowDark

Uses only one dark/bright color for background that you can set through the Background property, for example Background="#FFFCCE56". States change by increasing/decreasing the opacity and/or displaying the grey shadow effect.  This style suits for white or light areas.

ArrowLightColor

Uses two colors. Set the Background property for the “Normal” state and “Foreground”  - for the “MouseOver” State (White and  #FF269B7B, for example). States change by increasing/decreasing the opacity of both colors and/or displaying the white shadow.

ArrowDarkColor

Uses two colors. Set the Background property for the “Normal” state and “Foreground”  - for the “MouseOver” State (#FF269D7B and  #FFFCCE56, for example). States change by increasing/decreasing the opacity of both colors and/or displaying the gray shadow. This style suits for white or light areas. Use opposite, bright colors for “Normal” and “MouseOver” states.

Links:

• Demo project
• Download ArrowStyles
• Download demo