tsai
/
Avalonia
mirror of https://github.com/AvaloniaUI/Avalonia.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Add FluentColorPalette

pull/8215/head
robloo 4 years ago
parent
d3bad7bd1d
commit
77e36914d4
1 changed files with 142 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 142
      src/Avalonia.Controls.ColorPicker/ColorPalette/FluentColorPalette.cs

142
src/Avalonia.Controls.ColorPicker/ColorPalette/FluentColorPalette.cs
View File

@ -0,0 +1,142 @@
using Avalonia.Media;
using Avalonia.Utilities;
namespace Avalonia.Controls
{
/// <summary>
/// Implements the standard Windows 10 color palette.
/// </summary>
public class FluentColorPalette : IColorPalette
{
// Values were taken from the Settings App, Personalization > Colors which match with
// https://docs.microsoft.com/en-us/windows/uwp/whats-new/windows-docs-december-2017
//
// The default ordering and grouping of colors was undesirable so was modified.
// Colors were transposed: the colors in rows within the Settings app became columns here.
// This is because columns in an IColorPalette generally should contain different shades of
// the same color. In the settings app this concept is somewhat loosely reversed.
// The first 'column' ordering, after being transposed, was then reversed so 'red' colors
// were near to each other.
//
// This new ordering most closely follows the Windows standard while:
//
// 1. Keeping colors in a 'spectrum' order
// 2. Keeping like colors next to each both in rows and columns
// (which is unique for the windows palette).
// For example, similar red colors are next to each other in both
// rows within the same column and rows within the column next to it.
// This follows a 'snake-like' pattern as illustrated below.
// 3. A downside of this ordering is colors don't follow strict 'shades'
// as in other palettes.
//
// The colors will be displayed in the below pattern.
// This pattern follows a spectrum while keeping like-colors near to one
// another across both rows and columns.
//
// ┌Red───┐ ┌Blue──┐ ┌Gray──┐
// │ │ │ │ │ |
// │ │ │ │ │ |
// Yellow └Violet┘ └Green─┘ Brown
private static Color[,] colorChart = new Color[,]
{
{
// Ordering reversed for this section only
Color.FromArgb(255, 255, 67, 67), /* #FF4343 */
Color.FromArgb(255, 209, 52, 56), /* #D13438 */
Color.FromArgb(255, 239, 105, 80), /* #EF6950 */
Color.FromArgb(255, 218, 59, 1), /* #DA3B01 */
Color.FromArgb(255, 202, 80, 16), /* #CA5010 */
Color.FromArgb(255, 247, 99, 12), /* #F7630C */
Color.FromArgb(255, 255, 140, 0), /* #FF8C00 */
Color.FromArgb(255, 255, 185, 0), /* #FFB900 */
},
{
Color.FromArgb(255, 231, 72, 86), /* #E74856 */
Color.FromArgb(255, 232, 17, 35), /* #E81123 */
Color.FromArgb(255, 234, 0, 94), /* #EA005E */
Color.FromArgb(255, 195, 0, 82), /* #C30052 */
Color.FromArgb(255, 227, 0, 140), /* #E3008C */
Color.FromArgb(255, 191, 0, 119), /* #BF0077 */
Color.FromArgb(255, 194, 57, 179), /* #C239B3 */
Color.FromArgb(255, 154, 0, 137), /* #9A0089 */
},
{
Color.FromArgb(255, 0, 120, 215), /* #0078D7 */
Color.FromArgb(255, 0, 99, 177), /* #0063B1 */
Color.FromArgb(255, 142, 140, 216), /* #8E8CD8 */
Color.FromArgb(255, 107, 105, 214), /* #6B69D6 */
Color.FromArgb(255, 135, 100, 184), /* #8764B8 */
Color.FromArgb(255, 116, 77, 169), /* #744DA9 */
Color.FromArgb(255, 177, 70, 194), /* #B146C2 */
Color.FromArgb(255, 136, 23, 152), /* #881798 */
},
{
Color.FromArgb(255, 0, 153, 188), /* #0099BC */
Color.FromArgb(255, 45, 125, 154), /* #2D7D9A */
Color.FromArgb(255, 0, 183, 195), /* #00B7C3 */
Color.FromArgb(255, 3, 131, 135), /* #038387 */
Color.FromArgb(255, 0, 178, 148), /* #00B294 */
Color.FromArgb(255, 1, 133, 116), /* #018574 */
Color.FromArgb(255, 0, 204, 106), /* #00CC6A */
Color.FromArgb(255, 16, 137, 62), /* #10893E */
},
{
Color.FromArgb(255, 122, 117, 116), /* #7A7574 */
Color.FromArgb(255, 93, 90, 80), /* #5D5A58 */
Color.FromArgb(255, 104, 118, 138), /* #68768A */
Color.FromArgb(255, 81, 92, 107), /* #515C6B */
Color.FromArgb(255, 86, 124, 115), /* #567C73 */
Color.FromArgb(255, 72, 104, 96), /* #486860 */
Color.FromArgb(255, 73, 130, 5), /* #498205 */
Color.FromArgb(255, 16, 124, 16), /* #107C10 */
},
{
Color.FromArgb(255, 118, 118, 118), /* #767676 */
Color.FromArgb(255, 76, 74, 72), /* #4C4A48 */
Color.FromArgb(255, 105, 121, 126), /* #69797E */
Color.FromArgb(255, 74, 84, 89), /* #4A5459 */
Color.FromArgb(255, 100, 124, 100), /* #647C64 */
Color.FromArgb(255, 82, 94, 84), /* #525E54 */
Color.FromArgb(255, 132, 117, 69), /* #847545 */
Color.FromArgb(255, 126, 115, 95), /* #7E735F */
}
};
/// <summary>
/// Gets the index of the default shade of colors in this palette.
/// This has little meaning in this palette as colors are not strictly separated by shade.
/// </summary>
public const int DefaultShadeIndex = 0;
/// <summary>
/// Gets the total number of colors in this palette.
/// A color is not necessarily a single value and may be composed of several shades.
/// This has little meaning in this palette as colors are not strictly separated.
/// </summary>
/// <inheritdoc path="/remarks"/>
public int ColorCount
{
get => colorChart.GetLength(0);
}
/// <summary>
/// Gets the total number of shades for each color in this palette.
/// Shades are usually a variation of the color lightening or darkening it.
/// This has little meaning in this palette as colors are not strictly separated by shade.
/// </summary>
/// <inheritdoc path="/remarks"/>
public int ShadeCount
{
get => colorChart.GetLength(1);
}
/// <inheritdoc/>
public Color GetColor(int colorIndex, int shadeIndex)
{
return colorChart[
MathUtilities.Clamp(colorIndex, 0, colorChart.GetLength(0)),
MathUtilities.Clamp(shadeIndex, 0, colorChart.GetLength(1))];
}
}
}
Write Preview
Loading…
Cancel
Save