From 6f4c0dd5cd73cb4ac12059197a6adf7b7aa8bb3c Mon Sep 17 00:00:00 2001
From: Zhang Dian <54255897+zdpcdt@users.noreply.github.com>
Date: Sun, 26 Mar 2023 21:37:32 +0800
Subject: [PATCH] feat: color order.

---
 .../ViewModels/PaletteDemoViewModel.cs        |   8 +-
 src/Semi.Avalonia/Themes/Light/Palette.axaml  | 240 +++++++++---------
 2 files changed, 127 insertions(+), 121 deletions(-)

diff --git a/demo/Semi.Avalonia.Demo/ViewModels/PaletteDemoViewModel.cs b/demo/Semi.Avalonia.Demo/ViewModels/PaletteDemoViewModel.cs
index 75fe787..5509a29 100644
--- a/demo/Semi.Avalonia.Demo/ViewModels/PaletteDemoViewModel.cs
+++ b/demo/Semi.Avalonia.Demo/ViewModels/PaletteDemoViewModel.cs
@@ -11,7 +11,13 @@ namespace Semi.Avalonia.Demo.ViewModels;
 
 public class PaletteDemoViewModel: ObservableObject
 {
-    private readonly string[] _predefinedColorNames = { "Amber","Blue","Cyan","Green","Grey","Indigo","LightBlue","LightGreen","Lime","Orange","Pink","Purple","Red","Teal","Violet","Yellow" };
+    private readonly string[] _predefinedColorNames =
+    {
+        "Red", "Pink", "Purple", "Violet", "Indigo",
+        "Blue", "LightBlue", "Cyan", "Teal", "Green",
+        "LightGreen", "Lime", "Yellow", "Amber", "Orange",
+        "Grey"
+    };
     private readonly IResourceDictionary? _lightResourceDictionary;
     private readonly IResourceDictionary? _darkResourceDictionary;
     
diff --git a/src/Semi.Avalonia/Themes/Light/Palette.axaml b/src/Semi.Avalonia/Themes/Light/Palette.axaml
index 60681b9..25e68d3 100644
--- a/src/Semi.Avalonia/Themes/Light/Palette.axaml
+++ b/src/Semi.Avalonia/Themes/Light/Palette.axaml
@@ -1,105 +1,15 @@
 <ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
     <!--  Add Resources Here  -->
-    <Color x:Key="SemiAmber0Color">#FEFBEB</Color>
-    <Color x:Key="SemiAmber1Color">#FCF5CE</Color>
-    <Color x:Key="SemiAmber2Color">#F9E89E</Color>
-    <Color x:Key="SemiAmber3Color">#F6D86F</Color>
-    <Color x:Key="SemiAmber4Color">#F3C641</Color>
-    <Color x:Key="SemiAmber5Color">#F0B114</Color>
-    <Color x:Key="SemiAmber6Color">#C88A0F</Color>
-    <Color x:Key="SemiAmber7Color">#A0660A</Color>
-    <Color x:Key="SemiAmber8Color">#784606</Color>
-    <Color x:Key="SemiAmber9Color">#502B03</Color>
-    <Color x:Key="SemiBlue0Color">#EAF5FF</Color>
-    <Color x:Key="SemiBlue1Color">#CBE7FE</Color>
-    <Color x:Key="SemiBlue2Color">#98CDFD</Color>
-    <Color x:Key="SemiBlue3Color">#65B2FC</Color>
-    <Color x:Key="SemiBlue4Color">#3295FB</Color>
-    <Color x:Key="SemiBlue5Color">#0077FA</Color>
-    <Color x:Key="SemiBlue6Color">#0062D6</Color>
-    <Color x:Key="SemiBlue7Color">#004FB3</Color>
-    <Color x:Key="SemiBlue8Color">#003D8F</Color>
-    <Color x:Key="SemiBlue9Color">#002C6B</Color>
-    <Color x:Key="SemiCyan0Color">#E5F7F8</Color>
-    <Color x:Key="SemiCyan1Color">#C2EFF0</Color>
-    <Color x:Key="SemiCyan2Color">#8ADDE2</Color>
-    <Color x:Key="SemiCyan3Color">#58CBD3</Color>
-    <Color x:Key="SemiCyan4Color">#2CB8C5</Color>
-    <Color x:Key="SemiCyan5Color">#05A4B6</Color>
-    <Color x:Key="SemiCyan6Color">#038698</Color>
-    <Color x:Key="SemiCyan7Color">#016979</Color>
-    <Color x:Key="SemiCyan8Color">#004D5B</Color>
-    <Color x:Key="SemiCyan9Color">#00323D</Color>
-    <Color x:Key="SemiGreen0Color">#ECF7EC</Color>
-    <Color x:Key="SemiGreen1Color">#D0F0D1</Color>
-    <Color x:Key="SemiGreen2Color">#A4E0A7</Color>
-    <Color x:Key="SemiGreen3Color">#7DD182</Color>
-    <Color x:Key="SemiGreen4Color">#5AC262</Color>
-    <Color x:Key="SemiGreen5Color">#3BB346</Color>
-    <Color x:Key="SemiGreen6Color">#30953B</Color>
-    <Color x:Key="SemiGreen7Color">#25772F</Color>
-    <Color x:Key="SemiGreen8Color">#1B5924</Color>
-    <Color x:Key="SemiGreen9Color">#113C18</Color>
-    <Color x:Key="SemiGrey0Color">#F9F9F9</Color>
-    <Color x:Key="SemiGrey1Color">#E6E8EA</Color>
-    <Color x:Key="SemiGrey2Color">#C6CACD</Color>
-    <Color x:Key="SemiGrey3Color">#A7ABB0</Color>
-    <Color x:Key="SemiGrey4Color">#888D92</Color>
-    <Color x:Key="SemiGrey5Color">#6B7075</Color>
-    <Color x:Key="SemiGrey6Color">#555B61</Color>
-    <Color x:Key="SemiGrey7Color">#41464C</Color>
-    <Color x:Key="SemiGrey8Color">#2E3238</Color>
-    <Color x:Key="SemiGrey9Color">#1C1F23</Color>
-    <Color x:Key="SemiIndigo0Color">#ECEFF8</Color>
-    <Color x:Key="SemiIndigo1Color">#D1D8F0</Color>
-    <Color x:Key="SemiIndigo2Color">#A7B3E1</Color>
-    <Color x:Key="SemiIndigo3Color">#8090D3</Color>
-    <Color x:Key="SemiIndigo4Color">#5E6FC4</Color>
-    <Color x:Key="SemiIndigo5Color">#3F51B5</Color>
-    <Color x:Key="SemiIndigo6Color">#3342A1</Color>
-    <Color x:Key="SemiIndigo7Color">#28348C</Color>
-    <Color x:Key="SemiIndigo8Color">#1F2878</Color>
-    <Color x:Key="SemiIndigo9Color">#171D63</Color>
-    <Color x:Key="SemiLightBlue0Color">#E9F7FD</Color>
-    <Color x:Key="SemiLightBlue1Color">#C9ECFC</Color>
-    <Color x:Key="SemiLightBlue2Color">#95D8F8</Color>
-    <Color x:Key="SemiLightBlue3Color">#62C3F5</Color>
-    <Color x:Key="SemiLightBlue4Color">#30ACF1</Color>
-    <Color x:Key="SemiLightBlue5Color">#0095EE</Color>
-    <Color x:Key="SemiLightBlue6Color">#007BCA</Color>
-    <Color x:Key="SemiLightBlue7Color">#0063A7</Color>
-    <Color x:Key="SemiLightBlue8Color">#004B83</Color>
-    <Color x:Key="SemiLightBlue9Color">#00355F</Color>
-    <Color x:Key="SemiLightGreen0Color">#F3F8EC</Color>
-    <Color x:Key="SemiLightGreen1Color">#E3F0D0</Color>
-    <Color x:Key="SemiLightGreen2Color">#C8E2A5</Color>
-    <Color x:Key="SemiLightGreen3Color">#ADD37E</Color>
-    <Color x:Key="SemiLightGreen4Color">#93C55B</Color>
-    <Color x:Key="SemiLightGreen5Color">#7BB63C</Color>
-    <Color x:Key="SemiLightGreen6Color">#649830</Color>
-    <Color x:Key="SemiLightGreen7Color">#4E7926</Color>
-    <Color x:Key="SemiLightGreen8Color">#395B1B</Color>
-    <Color x:Key="SemiLightGreen9Color">#253D12</Color>
-    <Color x:Key="SemiLime0Color">#F2FAE6</Color>
-    <Color x:Key="SemiLime1Color">#E3F6C5</Color>
-    <Color x:Key="SemiLime2Color">#CBED8E</Color>
-    <Color x:Key="SemiLime3Color">#B7E35B</Color>
-    <Color x:Key="SemiLime4Color">#A7DA2C</Color>
-    <Color x:Key="SemiLime5Color">#9BD100</Color>
-    <Color x:Key="SemiLime6Color">#7EAE00</Color>
-    <Color x:Key="SemiLime7Color">#638B00</Color>
-    <Color x:Key="SemiLime8Color">#486800</Color>
-    <Color x:Key="SemiLime9Color">#2F4600</Color>
-    <Color x:Key="SemiOrange0Color">#FFF8EA</Color>
-    <Color x:Key="SemiOrange1Color">#FEEECC</Color>
-    <Color x:Key="SemiOrange2Color">#FED998</Color>
-    <Color x:Key="SemiOrange3Color">#FDC165</Color>
-    <Color x:Key="SemiOrange4Color">#FDA633</Color>
-    <Color x:Key="SemiOrange5Color">#FC8800</Color>
-    <Color x:Key="SemiOrange6Color">#D26700</Color>
-    <Color x:Key="SemiOrange7Color">#A84A00</Color>
-    <Color x:Key="SemiOrange8Color">#7E3100</Color>
-    <Color x:Key="SemiOrange9Color">#541D00</Color>
+    <Color x:Key="SemiRed0Color">#FEF2ED</Color>
+    <Color x:Key="SemiRed1Color">#FEDDD2</Color>
+    <Color x:Key="SemiRed2Color">#FDB7A5</Color>
+    <Color x:Key="SemiRed3Color">#FB9078</Color>
+    <Color x:Key="SemiRed4Color">#FA664C</Color>
+    <Color x:Key="SemiRed5Color">#F93920</Color>
+    <Color x:Key="SemiRed6Color">#D52515</Color>
+    <Color x:Key="SemiRed7Color">#B2140C</Color>
+    <Color x:Key="SemiRed8Color">#8E0805</Color>
+    <Color x:Key="SemiRed9Color">#6A0103</Color>
     <Color x:Key="SemiPink0Color">#FDECEF</Color>
     <Color x:Key="SemiPink1Color">#FBCFD8</Color>
     <Color x:Key="SemiPink2Color">#F6A0B5</Color>
@@ -120,26 +30,6 @@
     <Color x:Key="SemiPurple7Color">#71168A</Color>
     <Color x:Key="SemiPurple8Color">#5C0F75</Color>
     <Color x:Key="SemiPurple9Color">#490A61</Color>
-    <Color x:Key="SemiRed0Color">#FEF2ED</Color>
-    <Color x:Key="SemiRed1Color">#FEDDD2</Color>
-    <Color x:Key="SemiRed2Color">#FDB7A5</Color>
-    <Color x:Key="SemiRed3Color">#FB9078</Color>
-    <Color x:Key="SemiRed4Color">#FA664C</Color>
-    <Color x:Key="SemiRed5Color">#F93920</Color>
-    <Color x:Key="SemiRed6Color">#D52515</Color>
-    <Color x:Key="SemiRed7Color">#B2140C</Color>
-    <Color x:Key="SemiRed8Color">#8E0805</Color>
-    <Color x:Key="SemiRed9Color">#6A0103</Color>
-    <Color x:Key="SemiTeal0Color">#E4F7F4</Color>
-    <Color x:Key="SemiTeal1Color">#C0F0E8</Color>
-    <Color x:Key="SemiTeal2Color">#87E0D3</Color>
-    <Color x:Key="SemiTeal3Color">#54D1C1</Color>
-    <Color x:Key="SemiTeal4Color">#27C2B0</Color>
-    <Color x:Key="SemiTeal5Color">#00B3A1</Color>
-    <Color x:Key="SemiTeal6Color">#009589</Color>
-    <Color x:Key="SemiTeal7Color">#00776F</Color>
-    <Color x:Key="SemiTeal8Color">#005955</Color>
-    <Color x:Key="SemiTeal9Color">#003C3A</Color>
     <Color x:Key="SemiViolet0Color">#F3EDF9</Color>
     <Color x:Key="SemiViolet1Color">#E2D1F4</Color>
     <Color x:Key="SemiViolet2Color">#C4A7E9</Color>
@@ -150,6 +40,86 @@
     <Color x:Key="SemiViolet7Color">#46259E</Color>
     <Color x:Key="SemiViolet8Color">#361C8A</Color>
     <Color x:Key="SemiViolet9Color">#281475</Color>
+    <Color x:Key="SemiIndigo0Color">#ECEFF8</Color>
+    <Color x:Key="SemiIndigo1Color">#D1D8F0</Color>
+    <Color x:Key="SemiIndigo2Color">#A7B3E1</Color>
+    <Color x:Key="SemiIndigo3Color">#8090D3</Color>
+    <Color x:Key="SemiIndigo4Color">#5E6FC4</Color>
+    <Color x:Key="SemiIndigo5Color">#3F51B5</Color>
+    <Color x:Key="SemiIndigo6Color">#3342A1</Color>
+    <Color x:Key="SemiIndigo7Color">#28348C</Color>
+    <Color x:Key="SemiIndigo8Color">#1F2878</Color>
+    <Color x:Key="SemiIndigo9Color">#171D63</Color>
+    <Color x:Key="SemiBlue0Color">#EAF5FF</Color>
+    <Color x:Key="SemiBlue1Color">#CBE7FE</Color>
+    <Color x:Key="SemiBlue2Color">#98CDFD</Color>
+    <Color x:Key="SemiBlue3Color">#65B2FC</Color>
+    <Color x:Key="SemiBlue4Color">#3295FB</Color>
+    <Color x:Key="SemiBlue5Color">#0077FA</Color>
+    <Color x:Key="SemiBlue6Color">#0062D6</Color>
+    <Color x:Key="SemiBlue7Color">#004FB3</Color>
+    <Color x:Key="SemiBlue8Color">#003D8F</Color>
+    <Color x:Key="SemiBlue9Color">#002C6B</Color>
+    <Color x:Key="SemiLightBlue0Color">#E9F7FD</Color>
+    <Color x:Key="SemiLightBlue1Color">#C9ECFC</Color>
+    <Color x:Key="SemiLightBlue2Color">#95D8F8</Color>
+    <Color x:Key="SemiLightBlue3Color">#62C3F5</Color>
+    <Color x:Key="SemiLightBlue4Color">#30ACF1</Color>
+    <Color x:Key="SemiLightBlue5Color">#0095EE</Color>
+    <Color x:Key="SemiLightBlue6Color">#007BCA</Color>
+    <Color x:Key="SemiLightBlue7Color">#0063A7</Color>
+    <Color x:Key="SemiLightBlue8Color">#004B83</Color>
+    <Color x:Key="SemiLightBlue9Color">#00355F</Color>
+    <Color x:Key="SemiCyan0Color">#E5F7F8</Color>
+    <Color x:Key="SemiCyan1Color">#C2EFF0</Color>
+    <Color x:Key="SemiCyan2Color">#8ADDE2</Color>
+    <Color x:Key="SemiCyan3Color">#58CBD3</Color>
+    <Color x:Key="SemiCyan4Color">#2CB8C5</Color>
+    <Color x:Key="SemiCyan5Color">#05A4B6</Color>
+    <Color x:Key="SemiCyan6Color">#038698</Color>
+    <Color x:Key="SemiCyan7Color">#016979</Color>
+    <Color x:Key="SemiCyan8Color">#004D5B</Color>
+    <Color x:Key="SemiCyan9Color">#00323D</Color>
+    <Color x:Key="SemiTeal0Color">#E4F7F4</Color>
+    <Color x:Key="SemiTeal1Color">#C0F0E8</Color>
+    <Color x:Key="SemiTeal2Color">#87E0D3</Color>
+    <Color x:Key="SemiTeal3Color">#54D1C1</Color>
+    <Color x:Key="SemiTeal4Color">#27C2B0</Color>
+    <Color x:Key="SemiTeal5Color">#00B3A1</Color>
+    <Color x:Key="SemiTeal6Color">#009589</Color>
+    <Color x:Key="SemiTeal7Color">#00776F</Color>
+    <Color x:Key="SemiTeal8Color">#005955</Color>
+    <Color x:Key="SemiTeal9Color">#003C3A</Color>
+    <Color x:Key="SemiGreen0Color">#ECF7EC</Color>
+    <Color x:Key="SemiGreen1Color">#D0F0D1</Color>
+    <Color x:Key="SemiGreen2Color">#A4E0A7</Color>
+    <Color x:Key="SemiGreen3Color">#7DD182</Color>
+    <Color x:Key="SemiGreen4Color">#5AC262</Color>
+    <Color x:Key="SemiGreen5Color">#3BB346</Color>
+    <Color x:Key="SemiGreen6Color">#30953B</Color>
+    <Color x:Key="SemiGreen7Color">#25772F</Color>
+    <Color x:Key="SemiGreen8Color">#1B5924</Color>
+    <Color x:Key="SemiGreen9Color">#113C18</Color>
+    <Color x:Key="SemiLightGreen0Color">#F3F8EC</Color>
+    <Color x:Key="SemiLightGreen1Color">#E3F0D0</Color>
+    <Color x:Key="SemiLightGreen2Color">#C8E2A5</Color>
+    <Color x:Key="SemiLightGreen3Color">#ADD37E</Color>
+    <Color x:Key="SemiLightGreen4Color">#93C55B</Color>
+    <Color x:Key="SemiLightGreen5Color">#7BB63C</Color>
+    <Color x:Key="SemiLightGreen6Color">#649830</Color>
+    <Color x:Key="SemiLightGreen7Color">#4E7926</Color>
+    <Color x:Key="SemiLightGreen8Color">#395B1B</Color>
+    <Color x:Key="SemiLightGreen9Color">#253D12</Color>
+    <Color x:Key="SemiLime0Color">#F2FAE6</Color>
+    <Color x:Key="SemiLime1Color">#E3F6C5</Color>
+    <Color x:Key="SemiLime2Color">#CBED8E</Color>
+    <Color x:Key="SemiLime3Color">#B7E35B</Color>
+    <Color x:Key="SemiLime4Color">#A7DA2C</Color>
+    <Color x:Key="SemiLime5Color">#9BD100</Color>
+    <Color x:Key="SemiLime6Color">#7EAE00</Color>
+    <Color x:Key="SemiLime7Color">#638B00</Color>
+    <Color x:Key="SemiLime8Color">#486800</Color>
+    <Color x:Key="SemiLime9Color">#2F4600</Color>
     <Color x:Key="SemiYellow0Color">#FFFDEA</Color>
     <Color x:Key="SemiYellow1Color">#FEFBCB</Color>
     <Color x:Key="SemiYellow2Color">#FDF398</Color>
@@ -160,6 +130,36 @@
     <Color x:Key="SemiYellow7Color">#A78B00</Color>
     <Color x:Key="SemiYellow8Color">#7D6A00</Color>
     <Color x:Key="SemiYellow9Color">#534800</Color>
+    <Color x:Key="SemiAmber0Color">#FEFBEB</Color>
+    <Color x:Key="SemiAmber1Color">#FCF5CE</Color>
+    <Color x:Key="SemiAmber2Color">#F9E89E</Color>
+    <Color x:Key="SemiAmber3Color">#F6D86F</Color>
+    <Color x:Key="SemiAmber4Color">#F3C641</Color>
+    <Color x:Key="SemiAmber5Color">#F0B114</Color>
+    <Color x:Key="SemiAmber6Color">#C88A0F</Color>
+    <Color x:Key="SemiAmber7Color">#A0660A</Color>
+    <Color x:Key="SemiAmber8Color">#784606</Color>
+    <Color x:Key="SemiAmber9Color">#502B03</Color>
+    <Color x:Key="SemiOrange0Color">#FFF8EA</Color>
+    <Color x:Key="SemiOrange1Color">#FEEECC</Color>
+    <Color x:Key="SemiOrange2Color">#FED998</Color>
+    <Color x:Key="SemiOrange3Color">#FDC165</Color>
+    <Color x:Key="SemiOrange4Color">#FDA633</Color>
+    <Color x:Key="SemiOrange5Color">#FC8800</Color>
+    <Color x:Key="SemiOrange6Color">#D26700</Color>
+    <Color x:Key="SemiOrange7Color">#A84A00</Color>
+    <Color x:Key="SemiOrange8Color">#7E3100</Color>
+    <Color x:Key="SemiOrange9Color">#541D00</Color>
+    <Color x:Key="SemiGrey0Color">#F9F9F9</Color>
+    <Color x:Key="SemiGrey1Color">#E6E8EA</Color>
+    <Color x:Key="SemiGrey2Color">#C6CACD</Color>
+    <Color x:Key="SemiGrey3Color">#A7ABB0</Color>
+    <Color x:Key="SemiGrey4Color">#888D92</Color>
+    <Color x:Key="SemiGrey5Color">#6B7075</Color>
+    <Color x:Key="SemiGrey6Color">#555B61</Color>
+    <Color x:Key="SemiGrey7Color">#41464C</Color>
+    <Color x:Key="SemiGrey8Color">#2E3238</Color>
+    <Color x:Key="SemiGrey9Color">#1C1F23</Color>
 
     <SolidColorBrush x:Key="SemiRed0" Color="{StaticResource SemiRed0Color}" />
     <SolidColorBrush x:Key="SemiRed1" Color="{StaticResource SemiRed1Color}" />