diff --git a/src/Semi.Avalonia/Themes/Dark/Palette.axaml b/src/Semi.Avalonia/Themes/Dark/Palette.axaml
index 5bf6dbc..c5c8e70 100644
--- a/src/Semi.Avalonia/Themes/Dark/Palette.axaml
+++ b/src/Semi.Avalonia/Themes/Dark/Palette.axaml
@@ -161,4 +161,90 @@
     <SolidColorBrush x:Key="SemiGrey8" Color="#E6E8EA" />
     <SolidColorBrush x:Key="SemiGrey9" Color="#F9F9F9" />
 
+    <!--  Primary  -->
+    <SolidColorBrush x:Key="SemiColorPrimary" Color="#FF54A9FF" />
+    <SolidColorBrush x:Key="SemiColorPrimaryPointerover" Color="#FF7FC1FF" />
+    <SolidColorBrush x:Key="SemiColorPrimaryPressed" Color="#FFA9D7FF" />
+    <SolidColorBrush x:Key="SemiColorPrimaryDisabled" Color="#FF135CB8" />
+    <SolidColorBrush x:Key="SemiColorPrimaryLight" Color="#FF54A9FF" Opacity="0.2" />
+    <SolidColorBrush x:Key="SemiColorPrimaryLightPointerover" Color="#FF54A9FF" Opacity="0.3"/>
+    <SolidColorBrush x:Key="SemiColorPrimaryLightActive" Color="#FF54A9FF" Opacity="0.4"/>
+    <!--  Secondary  -->
+    <SolidColorBrush x:Key="SemiColorSecondary" Color="#FF40B4F3" />
+    <SolidColorBrush x:Key="SemiColorSecondaryPointerover" Color="#FF6EC8F6" />
+    <SolidColorBrush x:Key="SemiColorSecondaryPressed" Color="#FF9DDCF9" />
+    <SolidColorBrush x:Key="SemiColorSecondaryDisabled" Color="#FF0366A9" />
+    <SolidColorBrush x:Key="SemiColorSecondaryLight" Color="#FF40B4F3" Opacity="0.2" />
+    <SolidColorBrush x:Key="SemiColorSecondaryLightPointerover" Color="#FF40B4F3" Opacity="0.3" />
+    <SolidColorBrush x:Key="SemiColorSecondaryLightActive" Color="#FF40B4F3" Opacity="0.4" />
+    <!--  Tertiary  -->
+    <SolidColorBrush x:Key="SemiColorTertiary" Color="#FF888D92" />
+    <SolidColorBrush x:Key="SemiColorTertiaryPointerover" Color="#FFA7ABB0" />
+    <SolidColorBrush x:Key="SemiColorTertiaryPressed" Color="#FFC6CACD" />
+    <SolidColorBrush x:Key="SemiColorTertiaryLight" Color="#FF888D92" Opacity="0.2" />
+    <SolidColorBrush x:Key="SemiColorTertiaryLightPointerover" Color="#FF888D92" Opacity="0.3"/>
+    <SolidColorBrush x:Key="SemiColorTertiaryLightActive" Color="#FF888D92" Opacity="0.4"/>
+    <!--  Information  -->
+    <SolidColorBrush x:Key="SemiColorInformation" Color="#FF54A9FF" />
+    <SolidColorBrush x:Key="SemiColorInformationPointerover" Color="#FF7FC1FF" />
+    <SolidColorBrush x:Key="SemiColorInformationPressed" Color="#FFA9D7FF" />
+    <SolidColorBrush x:Key="SemiColorInformationDisabled" Color="#FF135CB8" />
+    <SolidColorBrush x:Key="SemiColorInformationLight" Color="#FF54A9FF" Opacity="0.2" />
+    <SolidColorBrush x:Key="SemiColorInformationLightPointerover" Color="#FF54A9FF" Opacity="0.3"/>
+    <SolidColorBrush x:Key="SemiColorInformationLightActive" Color="#FF54A9FF" Opacity="0.4"/>
+    <!--  Success  -->
+    <SolidColorBrush x:Key="SemiColorSuccess" Color="#FF5DC264" />
+    <SolidColorBrush x:Key="SemiColorSuccessPointerover" Color="#FF7FD184" />
+    <SolidColorBrush x:Key="SemiColorSuccessPressed" Color="#FFA6E1A8" />
+    <SolidColorBrush x:Key="SemiColorSuccessDisabled" Color="#FF277731" />
+    <SolidColorBrush x:Key="SemiColorSuccessLight" Color="#FF5DC264" Opacity="0.2"/>
+    <SolidColorBrush x:Key="SemiColorSuccessLightPointerover" Color="#FF5DC264" Opacity="0.3"/>
+    <SolidColorBrush x:Key="SemiColorSuccessLightActive" Color="#FF5DC264" Opacity="0.4"/>
+    <!--  Warning  -->
+    <SolidColorBrush x:Key="SemiColorWarning" Color="#FFFFAE43" />
+    <SolidColorBrush x:Key="SemiColorWarningPointerover" Color="#FFFFC772" />
+    <SolidColorBrush x:Key="SemiColorWarningPressed" Color="#FFFFDDA1" />
+    <SolidColorBrush x:Key="SemiColorWarningLight" Color="#FFFFAE43" Opacity="0.2" />
+    <SolidColorBrush x:Key="SemiColorWarningLightPointerover" Color="#FFFFAE43" Opacity="0.3"/>
+    <SolidColorBrush x:Key="SemiColorWarningLightActive" Color="#FFFFAE43" Opacity="0.4"/>
+    <!--  Danger  -->
+    <SolidColorBrush x:Key="SemiColorDanger" Color="#FFFC725A" />
+    <SolidColorBrush x:Key="SemiColorDangerPointerover" Color="#FFFD9983" />
+    <SolidColorBrush x:Key="SemiColorDangerPressed" Color="#FFFDBEAC" />
+    <SolidColorBrush x:Key="SemiColorDangerLight" Color="#FFFC725A" Opacity="0.2" />
+    <SolidColorBrush x:Key="SemiColorDangerLightPointerover" Color="#FFFC725A" Opacity="0.3" />
+    <SolidColorBrush x:Key="SemiColorDangerLightActive" Color="#FFFC725A" Opacity="0.4"/>
+    
+    <!-- Text and Icons--->
+    <SolidColorBrush x:Key="SemiColorText0" Color="#FFF9F9F9"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorText1" Color="#FFF9F9F9" Opacity="0.8"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorText2" Color="#FFF9F9F9" Opacity="0.6"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorText3" Color="#FFF9F9F9" Opacity="0.35"></SolidColorBrush>
+    
+    <!-- Link -->
+    <SolidColorBrush x:Key="SemiColorLink" Color="#FF54A9FF"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorLinkPointerover" Color="#FF7FC1FF"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorLinkActive" Color="#FFA9D7FF"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorLinkVisited" Color="#FF54A9FF"></SolidColorBrush>
+    
+    <!-- Background -->
+    <SolidColorBrush x:Key="SemiColorBackground0" Color="#FF16161A"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorBackground1" Color="#FF232429"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorBackground2" Color="#FF35363C"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorBackground3" Color="#FF43444A"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorBackground4" Color="#FF4F5159"></SolidColorBrush>
+    
+    <!-- Fill -->
+    <SolidColorBrush x:Key="SemiColorFill0" Color="White" Opacity="0.12"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorFill1" Color="White" Opacity="0.16"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorFill2" Color="White" Opacity="0.20"></SolidColorBrush>
+    
+    <!-- Border -->
+    <SolidColorBrush x:Key="SemiColorBorder" Color="White" Opacity="0.08"></SolidColorBrush>
+    
+    <!-- Disabled -->
+    <SolidColorBrush x:Key="SemiColorDisabledText" Color="#FFF9F9F9" Opacity="0.35"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorDisabledBorder" Color="#FF2E3238"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorDisabledBackground" Color="#FF2E3238"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorDisabledFill" Color="#FFE6E8EA" Opacity="0.04"></SolidColorBrush>
 </ResourceDictionary>
diff --git a/src/Semi.Avalonia/Themes/Light/Palette.axaml b/src/Semi.Avalonia/Themes/Light/Palette.axaml
index 2c5523d..4032938 100644
--- a/src/Semi.Avalonia/Themes/Light/Palette.axaml
+++ b/src/Semi.Avalonia/Themes/Light/Palette.axaml
@@ -161,7 +161,90 @@
     <SolidColorBrush x:Key="SemiYellow8" Color="#7D6A00" />
     <SolidColorBrush x:Key="SemiYellow9" Color="#534800" />
 
-
-
-
+    <!--  Primary  -->
+    <SolidColorBrush x:Key="SemiColorPrimary" Color="#FF0077FA" />
+    <SolidColorBrush x:Key="SemiColorPrimaryPointerover" Color="#FF0062D6" />
+    <SolidColorBrush x:Key="SemiColorPrimaryPressed" Color="#FF004FB3" />
+    <SolidColorBrush x:Key="SemiColorPrimaryDisabled" Color="#FF98CDFD" />
+    <SolidColorBrush x:Key="SemiColorPrimaryLight" Color="#FFEAF5FF" />
+    <SolidColorBrush x:Key="SemiColorPrimaryLightPointerover" Color="#FFCBE7FE" />
+    <SolidColorBrush x:Key="SemiColorPrimaryLightActive" Color="#FF98CDFD" />
+    <!--  Secondary  -->
+    <SolidColorBrush x:Key="SemiColorSecondary" Color="#FF0095EE" />
+    <SolidColorBrush x:Key="SemiColorSecondaryPointerover" Color="#FF007BCA" />
+    <SolidColorBrush x:Key="SemiColorSecondaryPressed" Color="#FF0063A7" />
+    <SolidColorBrush x:Key="SemiColorSecondaryDisabled" Color="#FF95D8F8" />
+    <SolidColorBrush x:Key="SemiColorSecondaryLight" Color="#FFE9F7FD" />
+    <SolidColorBrush x:Key="SemiColorSecondaryLightPointerover" Color="#FFC9ECFC" />
+    <SolidColorBrush x:Key="SemiColorSecondaryLightActive" Color="#FF95D8F8" />
+    <!--  Tertiary  -->
+    <SolidColorBrush x:Key="SemiColorTertiary" Color="#FF6B7075" />
+    <SolidColorBrush x:Key="SemiColorTertiaryPointerover" Color="#FF555B61" />
+    <SolidColorBrush x:Key="SemiColorTertiaryPressed" Color="#FF41464C" />
+    <SolidColorBrush x:Key="SemiColorTertiaryLight" Color="#FFF9F9F9" />
+    <SolidColorBrush x:Key="SemiColorTertiaryLightPointerover" Color="#FFE6E8EA" />
+    <SolidColorBrush x:Key="SemiColorTertiaryLightActive" Color="#FFC6CACD" />
+    <!--  Information  -->
+    <SolidColorBrush x:Key="SemiColorInformation" Color="#FF0077FA" />
+    <SolidColorBrush x:Key="SemiColorInformationPointerover" Color="#FF0062D6" />
+    <SolidColorBrush x:Key="SemiColorInformationPressed" Color="#FF004FB3" />
+    <SolidColorBrush x:Key="SemiColorInformationDisabled" Color="#FF98CDFD" />
+    <SolidColorBrush x:Key="SemiColorInformationLight" Color="#FFEAF5FF" />
+    <SolidColorBrush x:Key="SemiColorInformationLightPointerover" Color="#FFCBE7FE" />
+    <SolidColorBrush x:Key="SemiColorInformationLightActive" Color="#FF98CDFD" />
+    <!--  Success  -->
+    <SolidColorBrush x:Key="SemiColorSuccess" Color="#FF3BB346" />
+    <SolidColorBrush x:Key="SemiColorSuccessPointerover" Color="#FF30953B" />
+    <SolidColorBrush x:Key="SemiColorSuccessPressed" Color="#FF25772F" />
+    <SolidColorBrush x:Key="SemiColorSuccessDisabled" Color="#FFA4E0A7" />
+    <SolidColorBrush x:Key="SemiColorSuccessLight" Color="#FFECF7EC" />
+    <SolidColorBrush x:Key="SemiColorSuccessLightPointerover" Color="#FFD0F0D1" />
+    <SolidColorBrush x:Key="SemiColorSuccessLightActive" Color="#FFA4E0A7" />
+    <!--  Warning  -->
+    <SolidColorBrush x:Key="SemiColorWarning" Color="#FFFC8800" />
+    <SolidColorBrush x:Key="SemiColorWarningPointerover" Color="#FFD26700" />
+    <SolidColorBrush x:Key="SemiColorWarningPressed" Color="#FFA84A00" />
+    <SolidColorBrush x:Key="SemiColorWarningLight" Color="#FFFFF8EA" />
+    <SolidColorBrush x:Key="SemiColorWarningLightPointerover" Color="#FFFEEECC" />
+    <SolidColorBrush x:Key="SemiColorWarningLightActive" Color="#FFFED998" />
+    <!--  Danger  -->
+    <SolidColorBrush x:Key="SemiColorDanger" Color="#FFF93920" />
+    <SolidColorBrush x:Key="SemiColorDangerPointerover" Color="#FFD52515" />
+    <SolidColorBrush x:Key="SemiColorDangerPressed" Color="#FFB2140C" />
+    <SolidColorBrush x:Key="SemiColorDangerLight" Color="#FFFEF2ED" />
+    <SolidColorBrush x:Key="SemiColorDangerLightPointerover" Color="#FFFEDDD2" />
+    <SolidColorBrush x:Key="SemiColorDangerLightActive" Color="#FFFDB7A5" />
+    
+    <!-- Text and Icons--->
+    <SolidColorBrush x:Key="SemiColorText0" Color="#FF1C1F23"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorText1" Color="#FF1C1F23" Opacity="0.8"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorText2" Color="#FF1C1F23" Opacity="0.62"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorText3" Color="#FF1C1F23" Opacity="0.35"></SolidColorBrush>
+    
+    <!-- Link -->
+    <SolidColorBrush x:Key="SemiColorLink" Color="#FF0077FA"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorLinkPointerover" Color="#FF0062D6"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorLinkActive" Color="#FF004FB3"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorLinkVisited" Color="#FF0077FA"></SolidColorBrush>
+    
+    <!-- Background -->
+    <SolidColorBrush x:Key="SemiColorBackground0" Color="White"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorBackground1" Color="White"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorBackground2" Color="White"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorBackground3" Color="White"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorBackground4" Color="White"></SolidColorBrush>
+    
+    <!-- Fill -->
+    <SolidColorBrush x:Key="SemiColorFill0" Color="#FF2E3238" Opacity="0.05"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorFill1" Color="#FF2E3238" Opacity="0.09"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorFill2" Color="#FF2E3238" Opacity="0.13"></SolidColorBrush>
+    
+    <!-- Border -->
+    <SolidColorBrush x:Key="SemiColorBorder" Color="#FF1C1F23" Opacity="0.08"></SolidColorBrush>
+    
+    <!-- Disabled -->
+    <SolidColorBrush x:Key="SemiColorDisabledText" Color="#FF1C1F23" Opacity="0.35"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorDisabledBorder" Color="#FFE6E8EA"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorDisabledBackground" Color="#FFE6E8EA"></SolidColorBrush>
+    <SolidColorBrush x:Key="SemiColorDisabledFill" Color="#FF2E3238" Opacity="0.04"></SolidColorBrush>
 </ResourceDictionary>