@incremark/theme 0.4.0-alpha.1 → 1.0.0

package/dist/chat.css

@@ -21,7 +21,6 @@
   font-family: var(--incremark-typography-font-family-base);
   line-height: var(--incremark-typography-line-height-normal);
   color: var(--incremark-color-text-primary);
-  min-height: 100%;
 }
 /* ============ 链接样式 ============ */
 .incremark a {
@@ -158,24 +157,24 @@
   /* h1 特殊样式：带下边框 */
   /* h6 特殊样式：颜色较淡 */
 }
-.incremark-heading.h1 {
+.incremark-heading--h1 {
   font-size: var(--incremark-typography-font-size-heading-h1);
   border-bottom: 1px solid var(--incremark-color-border-default);
   padding-bottom: var(--incremark-spacing-sm);
 }
-.incremark-heading.h2 {
+.incremark-heading--h2 {
   font-size: var(--incremark-typography-font-size-heading-h2);
 }
-.incremark-heading.h3 {
+.incremark-heading--h3 {
   font-size: var(--incremark-typography-font-size-heading-h3);
 }
-.incremark-heading.h4 {
+.incremark-heading--h4 {
   font-size: var(--incremark-typography-font-size-heading-h4);
 }
-.incremark-heading.h5 {
+.incremark-heading--h5 {
   font-size: var(--incremark-typography-font-size-heading-h5);
 }
-.incremark-heading.h6 {
+.incremark-heading--h6 {
   font-size: var(--incremark-typography-font-size-heading-h6);
   color: var(--incremark-color-text-secondary);
 }
@@ -818,67 +817,62 @@
   color: var(--incremark-color-text-inverse);
 }
 .im-button--solid.im-button--primary {
-  background: var(--incremark-base-colors-blue-6);
+  background: var(--incremark-color-brand-6);
 }
 .im-button--solid.im-button--primary:hover {
-  background: var(--incremark-base-colors-blue-7);
+  background: var(--incremark-color-brand-5);
 }
 .im-button--solid.im-button--primary:active {
-  background: var(--incremark-base-colors-blue-7);
-  filter: brightness(0.95);
+  background: var(--incremark-color-brand-7);
 }
 .im-button--solid.im-button--neutral {
   background: var(--incremark-color-neutral-8);
 }
 .im-button--solid.im-button--neutral:hover {
-  background: var(--incremark-color-neutral-9);
+  background: var(--incremark-color-neutral-7);
 }
 .im-button--solid.im-button--neutral:active {
   background: var(--incremark-color-neutral-9);
-  filter: brightness(0.95);
 }
 .im-button--solid.im-button--success {
   background: var(--incremark-base-colors-green-6);
 }
 .im-button--solid.im-button--success:hover {
-  background: var(--incremark-base-colors-green-7);
+  background: var(--incremark-base-colors-green-5);
 }
 .im-button--solid.im-button--success:active {
   background: var(--incremark-base-colors-green-7);
-  filter: brightness(0.95);
 }
 .im-button--solid.im-button--warning {
   background: var(--incremark-base-colors-orange-6);
 }
 .im-button--solid.im-button--warning:hover {
-  background: var(--incremark-base-colors-orange-7);
+  background: var(--incremark-base-colors-orange-5);
 }
 .im-button--solid.im-button--warning:active {
   background: var(--incremark-base-colors-orange-7);
-  filter: brightness(0.95);
 }
 .im-button--solid.im-button--error {
   background: var(--incremark-base-colors-red-6);
 }
 .im-button--solid.im-button--error:hover {
-  background: var(--incremark-base-colors-red-7);
+  background: var(--incremark-base-colors-red-5);
 }
 .im-button--solid.im-button--error:active {
   background: var(--incremark-base-colors-red-7);
-  filter: brightness(0.95);
 }
 .im-button--outline {
   background: transparent;
 }
 .im-button--outline.im-button--primary {
-  color: var(--incremark-base-colors-blue-6);
-  border-color: var(--incremark-base-colors-blue-6);
+  color: var(--incremark-color-brand-6);
+  border-color: var(--incremark-color-brand-6);
 }
 .im-button--outline.im-button--primary:hover {
-  background: var(--incremark-base-colors-blue-2);
+  background: var(--incremark-color-brand-2);
 }
 .im-button--outline.im-button--primary:active {
-  background: var(--incremark-base-colors-blue-3);
+  background: var(--incremark-color-brand-3);
 }
 .im-button--outline.im-button--neutral {
   color: var(--incremark-color-text-primary);
@@ -925,15 +919,14 @@
   border-color: transparent;
 }
 .im-button--soft.im-button--primary {
-  color: var(--incremark-base-colors-blue-6);
-  background: var(--incremark-base-colors-blue-2);
+  color: var(--incremark-color-brand-6);
+  background: var(--incremark-color-brand-2);
 }
 .im-button--soft.im-button--primary:hover {
-  background: var(--incremark-base-colors-blue-3);
+  background: var(--incremark-color-brand-3);
 }
 .im-button--soft.im-button--primary:active {
-  background: var(--incremark-base-colors-blue-3);
-  filter: brightness(0.97);
+  background: var(--incremark-color-brand-4);
 }
 .im-button--soft.im-button--neutral {
   color: var(--incremark-color-text-primary);
@@ -953,8 +946,7 @@
   background: var(--incremark-base-colors-green-3);
 }
 .im-button--soft.im-button--success:active {
-  background: var(--incremark-base-colors-green-3);
-  filter: brightness(0.97);
+  background: var(--incremark-base-colors-green-4);
 }
 .im-button--soft.im-button--warning {
   color: var(--incremark-base-colors-orange-6);
@@ -964,8 +956,7 @@
   background: var(--incremark-base-colors-orange-3);
 }
 .im-button--soft.im-button--warning:active {
-  background: var(--incremark-base-colors-orange-3);
-  filter: brightness(0.97);
+  background: var(--incremark-base-colors-orange-4);
 }
 .im-button--soft.im-button--error {
   color: var(--incremark-base-colors-red-6);
@@ -975,20 +966,18 @@
   background: var(--incremark-base-colors-red-3);
 }
 .im-button--soft.im-button--error:active {
-  background: var(--incremark-base-colors-red-3);
-  filter: brightness(0.97);
+  background: var(--incremark-base-colors-red-4);
 }
 .im-button--subtle.im-button--primary {
-  color: var(--incremark-base-colors-blue-6);
-  background: var(--incremark-base-colors-blue-2);
-  border-color: var(--incremark-base-colors-blue-6);
+  color: var(--incremark-color-brand-6);
+  background: var(--incremark-color-brand-2);
+  border-color: var(--incremark-color-brand-6);
 }
 .im-button--subtle.im-button--primary:hover {
-  background: var(--incremark-base-colors-blue-3);
+  background: var(--incremark-color-brand-3);
 }
 .im-button--subtle.im-button--primary:active {
-  background: var(--incremark-base-colors-blue-3);
-  filter: brightness(0.97);
+  background: var(--incremark-color-brand-4);
 }
 .im-button--subtle.im-button--neutral {
   color: var(--incremark-color-text-primary);
@@ -1010,8 +999,7 @@
   background: var(--incremark-base-colors-green-3);
 }
 .im-button--subtle.im-button--success:active {
-  background: var(--incremark-base-colors-green-3);
-  filter: brightness(0.97);
+  background: var(--incremark-base-colors-green-4);
 }
 .im-button--subtle.im-button--warning {
   color: var(--incremark-base-colors-orange-6);
@@ -1022,8 +1010,7 @@
   background: var(--incremark-base-colors-orange-3);
 }
 .im-button--subtle.im-button--warning:active {
-  background: var(--incremark-base-colors-orange-3);
-  filter: brightness(0.97);
+  background: var(--incremark-base-colors-orange-4);
 }
 .im-button--subtle.im-button--error {
   color: var(--incremark-base-colors-red-6);
@@ -1034,21 +1021,20 @@
   background: var(--incremark-base-colors-red-3);
 }
 .im-button--subtle.im-button--error:active {
-  background: var(--incremark-base-colors-red-3);
-  filter: brightness(0.97);
+  background: var(--incremark-base-colors-red-4);
 }
 .im-button--ghost {
   background: transparent;
   border-color: transparent;
 }
 .im-button--ghost.im-button--primary {
-  color: var(--incremark-base-colors-blue-6);
+  color: var(--incremark-color-brand-6);
 }
 .im-button--ghost.im-button--primary:hover {
-  background: var(--incremark-base-colors-blue-2);
+  background: var(--incremark-color-brand-2);
 }
 .im-button--ghost.im-button--primary:active {
-  background: var(--incremark-base-colors-blue-3);
+  background: var(--incremark-color-brand-3);
 }
 .im-button--ghost.im-button--neutral {
   color: var(--incremark-color-text-primary);
@@ -1093,10 +1079,10 @@
   padding: 0;
 }
 .im-button--link.im-button--primary {
-  color: var(--incremark-base-colors-blue-6);
+  color: var(--incremark-color-brand-6);
 }
 .im-button--link.im-button--primary:hover {
-  color: var(--incremark-base-colors-blue-7);
+  color: var(--incremark-color-brand-5);
   text-decoration: underline;
 }
 .im-button--link.im-button--neutral {
@@ -1110,21 +1096,21 @@
   color: var(--incremark-base-colors-green-6);
 }
 .im-button--link.im-button--success:hover {
-  color: var(--incremark-base-colors-green-7);
+  color: var(--incremark-base-colors-green-5);
   text-decoration: underline;
 }
 .im-button--link.im-button--warning {
   color: var(--incremark-base-colors-orange-6);
 }
 .im-button--link.im-button--warning:hover {
-  color: var(--incremark-base-colors-orange-7);
+  color: var(--incremark-base-colors-orange-5);
   text-decoration: underline;
 }
 .im-button--link.im-button--error {
   color: var(--incremark-base-colors-red-6);
 }
 .im-button--link.im-button--error:hover {
-  color: var(--incremark-base-colors-red-7);
+  color: var(--incremark-base-colors-red-5);
   text-decoration: underline;
 }
 .im-button--block {
@@ -1184,10 +1170,10 @@
   background: var(--incremark-color-neutral-5);
 }
 .im-button--active.im-button--ghost.im-button--primary {
-  background: var(--incremark-base-colors-blue-3);
+  background: var(--incremark-color-brand-3);
 }
 .im-button--active.im-button--ghost.im-button--primary:hover {
-  background: var(--incremark-base-colors-blue-3);
+  background: var(--incremark-color-brand-3);
 }
 .im-button--active.im-button--soft.im-button--neutral {
   background: var(--incremark-color-neutral-5);
@@ -1914,7 +1900,7 @@
   margin-bottom: 0;
 }
 .im-message-bubble__content--filled {
-  background-color: var(--incremark-color-background-elevated);
+  background-color: var(--incremark-color-background-muted);
   padding: var(--incremark-spacing-sm) var(--incremark-spacing-md);
 }
 .im-message-bubble__content--outlined {
@@ -1927,6 +1913,10 @@
 .im-message-bubble__content--round {
   border-radius: var(--incremark-border-radius-lg);
 }
+.im-message-bubble__content--primary {
+  background-color: var(--incremark-color-brand-primary);
+  color: var(--incremark-color-text-inverse);
+}
 .im-message-bubble__footer {
   font-size: var(--incremark-typography-font-size-sm);
   color: var(--incremark-color-text-secondary);
@@ -1938,6 +1928,9 @@
 .im-message-bubble--end .im-message-bubble__footer {
   text-align: right;
 }
+.im-message-bubble--end .im-message-bubble__content {
+  max-width: 85%;
+}
 /**
  * MessageActions 组件样式
  */
@@ -2061,11 +2054,27 @@
   --incremark-base-colors-blue-9: #0E439A;
   --incremark-base-colors-blue-10: #05327C;
   --incremark-base-colors-blue-primary: #3B82F6;
-  --incremark-base-colors-blue-hover: #296BD7;
-  --incremark-base-colors-blue-active: #1A56B9;
+  --incremark-base-colors-blue-hover: #639EFF;
+  --incremark-base-colors-blue-active: #296BD7;
   --incremark-base-colors-blue-light: #D6E6FF;
   --incremark-base-colors-blue-lighter: #FCFDFF;
   --incremark-base-colors-blue-dark: #0E439A;
+  --incremark-base-colors-teal-1: #D1FAF6;
+  --incremark-base-colors-teal-2: #9EE6DF;
+  --incremark-base-colors-teal-3: #71D1C9;
+  --incremark-base-colors-teal-4: #49BDB3;
+  --incremark-base-colors-teal-5: #28A89D;
+  --incremark-base-colors-teal-6: #0D9488;
+  --incremark-base-colors-teal-7: #04756B;
+  --incremark-base-colors-teal-8: #00574F;
+  --incremark-base-colors-teal-9: #003833;
+  --incremark-base-colors-teal-10: #001A17;
+  --incremark-base-colors-teal-primary: #0D9488;
+  --incremark-base-colors-teal-hover: #28A89D;
+  --incremark-base-colors-teal-active: #04756B;
+  --incremark-base-colors-teal-light: #9EE6DF;
+  --incremark-base-colors-teal-lighter: #D1FAF6;
+  --incremark-base-colors-teal-dark: #003833;
   --incremark-base-colors-purple-1: #FFFFFF;
   --incremark-base-colors-purple-2: #F8F1FF;
   --incremark-base-colors-purple-3: #E5CBFF;
@@ -2077,8 +2086,8 @@
   --incremark-base-colors-purple-9: #5E1E9B;
   --incremark-base-colors-purple-10: #49127D;
   --incremark-base-colors-purple-primary: #A855F7;
-  --incremark-base-colors-purple-hover: #8E40D8;
-  --incremark-base-colors-purple-active: #752DBA;
+  --incremark-base-colors-purple-hover: #C07EFF;
+  --incremark-base-colors-purple-active: #8E40D8;
   --incremark-base-colors-purple-light: #F8F1FF;
   --incremark-base-colors-purple-lighter: #FFFFFF;
   --incremark-base-colors-purple-dark: #5E1E9B;
@@ -2093,8 +2102,8 @@
   --incremark-base-colors-green-9: #005D3E;
   --incremark-base-colors-green-10: #003F2A;
   --incremark-base-colors-green-primary: #10B981;
-  --incremark-base-colors-green-hover: #069A69;
-  --incremark-base-colors-green-active: #007C53;
+  --incremark-base-colors-green-hover: #31CD99;
+  --incremark-base-colors-green-active: #069A69;
   --incremark-base-colors-green-light: #AFFFE5;
   --incremark-base-colors-green-lighter: #D5FFF1;
   --incremark-base-colors-green-dark: #005D3E;
@@ -2109,8 +2118,8 @@
   --incremark-base-colors-red-9: #931414;
   --incremark-base-colors-red-10: #750A0A;
   --incremark-base-colors-red-primary: #EF4444;
-  --incremark-base-colors-red-hover: #D03131;
-  --incremark-base-colors-red-active: #B22121;
+  --incremark-base-colors-red-hover: #FF6F6F;
+  --incremark-base-colors-red-active: #D03131;
   --incremark-base-colors-red-light: #FFE2E2;
   --incremark-base-colors-red-lighter: #FFFFFF;
   --incremark-base-colors-red-dark: #931414;
@@ -2125,8 +2134,8 @@
   --incremark-base-colors-orange-9: #9D4000;
   --incremark-base-colors-orange-10: #7F3400;
   --incremark-base-colors-orange-primary: #F97316;
-  --incremark-base-colors-orange-hover: #DA5E08;
-  --incremark-base-colors-orange-active: #BC4D00;
+  --incremark-base-colors-orange-hover: #FF8C3D;
+  --incremark-base-colors-orange-active: #DA5E08;
   --incremark-base-colors-orange-light: #FFD0B0;
   --incremark-base-colors-orange-lighter: #FFE7D6;
   --incremark-base-colors-orange-dark: #9D4000;
@@ -2141,8 +2150,8 @@
   --incremark-base-colors-cyan-9: #006778;
   --incremark-base-colors-cyan-10: #004D5A;
   --incremark-base-colors-cyan-primary: #06B6D4;
-  --incremark-base-colors-cyan-hover: #009BB5;
-  --incremark-base-colors-cyan-active: #008197;
+  --incremark-base-colors-cyan-hover: #29CDE8;
+  --incremark-base-colors-cyan-active: #009BB5;
   --incremark-base-colors-cyan-light: #A0F1FF;
   --incremark-base-colors-cyan-lighter: #C6F7FF;
   --incremark-base-colors-cyan-dark: #006778;
@@ -2157,8 +2166,8 @@
   --incremark-base-colors-indigo-9: #1F38A3;
   --incremark-base-colors-indigo-10: #132885;
   --incremark-base-colors-indigo-primary: #5776FF;
-  --incremark-base-colors-indigo-hover: #415FE0;
-  --incremark-base-colors-indigo-active: #2F4AC2;
+  --incremark-base-colors-indigo-hover: #7D95FF;
+  --incremark-base-colors-indigo-active: #415FE0;
   --incremark-base-colors-indigo-light: #F0F3FF;
   --incremark-base-colors-indigo-lighter: #FFFFFF;
   --incremark-base-colors-indigo-dark: #1F38A3;
@@ -2172,9 +2181,19 @@
   --incremark-color-neutral-8: #374151;
   --incremark-color-neutral-9: #1f2937;
   --incremark-color-neutral-10: #111827;
+  --incremark-color-brand-1: #FFFFFF;
+  --incremark-color-brand-2: #F0F3FF;
+  --incremark-color-brand-3: #CAD4FF;
+  --incremark-color-brand-4: #A4B4FF;
+  --incremark-color-brand-5: #7D95FF;
+  --incremark-color-brand-6: #5776FF;
+  --incremark-color-brand-7: #415FE0;
+  --incremark-color-brand-8: #2F4AC2;
+  --incremark-color-brand-9: #1F38A3;
+  --incremark-color-brand-10: #132885;
   --incremark-color-brand-primary: #5776FF;
-  --incremark-color-brand-primary-hover: #415FE0;
-  --incremark-color-brand-primary-active: #2F4AC2;
+  --incremark-color-brand-primary-hover: #7D95FF;
+  --incremark-color-brand-primary-active: #415FE0;
   --incremark-color-brand-primary-light: #F0F3FF;
   --incremark-color-text-primary: #374151;
   --incremark-color-text-secondary: #6b7280;
@@ -2188,13 +2207,13 @@
   --incremark-color-border-strong: #6b7280;
   --incremark-color-code-inline-background: #f3f4f6;
   --incremark-color-code-inline-text: #374151;
-  --incremark-color-code-block-background: #1f2937;
-  --incremark-color-code-block-text: #fafbfc;
-  --incremark-color-code-header-background: #111827;
+  --incremark-color-code-block-background: #fafbfc;
+  --incremark-color-code-block-text: #1f2937;
+  --incremark-color-code-header-background: #f3f4f6;
   --incremark-color-status-pending: #A855F7;
   --incremark-color-status-completed: #10B981;
   --incremark-color-interactive-link: #5776FF;
-  --incremark-color-interactive-link-hover: #415FE0;
+  --incremark-color-interactive-link-hover: #7D95FF;
   --incremark-color-interactive-link-visited: #5E1E9B;
   --incremark-color-interactive-checked: #10B981;
   --incremark-typography-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
@@ -2264,11 +2283,27 @@
   --incremark-base-colors-blue-9: #0E439A;
   --incremark-base-colors-blue-10: #05327C;
   --incremark-base-colors-blue-primary: #3B82F6;
-  --incremark-base-colors-blue-hover: #296BD7;
-  --incremark-base-colors-blue-active: #1A56B9;
+  --incremark-base-colors-blue-hover: #639EFF;
+  --incremark-base-colors-blue-active: #296BD7;
   --incremark-base-colors-blue-light: #D6E6FF;
   --incremark-base-colors-blue-lighter: #FCFDFF;
   --incremark-base-colors-blue-dark: #0E439A;
+  --incremark-base-colors-teal-1: #D1FAF6;
+  --incremark-base-colors-teal-2: #9EE6DF;
+  --incremark-base-colors-teal-3: #71D1C9;
+  --incremark-base-colors-teal-4: #49BDB3;
+  --incremark-base-colors-teal-5: #28A89D;
+  --incremark-base-colors-teal-6: #0D9488;
+  --incremark-base-colors-teal-7: #04756B;
+  --incremark-base-colors-teal-8: #00574F;
+  --incremark-base-colors-teal-9: #003833;
+  --incremark-base-colors-teal-10: #001A17;
+  --incremark-base-colors-teal-primary: #0D9488;
+  --incremark-base-colors-teal-hover: #28A89D;
+  --incremark-base-colors-teal-active: #04756B;
+  --incremark-base-colors-teal-light: #9EE6DF;
+  --incremark-base-colors-teal-lighter: #D1FAF6;
+  --incremark-base-colors-teal-dark: #003833;
   --incremark-base-colors-indigo-1: #FFFFFF;
   --incremark-base-colors-indigo-2: #FFFFFF;
   --incremark-base-colors-indigo-3: #F0F3FF;
@@ -2280,8 +2315,8 @@
   --incremark-base-colors-indigo-9: #384BA3;
   --incremark-base-colors-indigo-10: #263885;
   --incremark-base-colors-indigo-primary: #7D95FF;
-  --incremark-base-colors-indigo-hover: #637AE0;
-  --incremark-base-colors-indigo-active: #4C61C2;
+  --incremark-base-colors-indigo-hover: #A3B4FF;
+  --incremark-base-colors-indigo-active: #637AE0;
   --incremark-base-colors-indigo-light: #FFFFFF;
   --incremark-base-colors-indigo-lighter: #FFFFFF;
   --incremark-base-colors-indigo-dark: #384BA3;
@@ -2296,8 +2331,8 @@
   --incremark-base-colors-purple-9: #6E3CA0;
   --incremark-base-colors-purple-10: #562A82;
   --incremark-base-colors-purple-primary: #C084FC;
-  --incremark-base-colors-purple-hover: #A369DD;
-  --incremark-base-colors-purple-active: #8851BF;
+  --incremark-base-colors-purple-hover: #D5ACFF;
+  --incremark-base-colors-purple-active: #A369DD;
   --incremark-base-colors-purple-light: #FFFFFF;
   --incremark-base-colors-purple-lighter: #FFFFFF;
   --incremark-base-colors-purple-dark: #6E3CA0;
@@ -2312,8 +2347,8 @@
   --incremark-base-colors-green-9: #0B7750;
   --incremark-base-colors-green-10: #04593A;
   --incremark-base-colors-green-primary: #34D399;
-  --incremark-base-colors-green-hover: #23B480;
-  --incremark-base-colors-green-active: #169667;
+  --incremark-base-colors-green-hover: #5CE7B4;
+  --incremark-base-colors-green-active: #23B480;
   --incremark-base-colors-green-light: #D8FFF1;
   --incremark-base-colors-green-lighter: #FEFFFF;
   --incremark-base-colors-green-dark: #0B7750;
@@ -2328,8 +2363,8 @@
   --incremark-base-colors-red-9: #931414;
   --incremark-base-colors-red-10: #750A0A;
   --incremark-base-colors-red-primary: #EF4444;
-  --incremark-base-colors-red-hover: #D03131;
-  --incremark-base-colors-red-active: #B22121;
+  --incremark-base-colors-red-hover: #FF6F6F;
+  --incremark-base-colors-red-active: #D03131;
   --incremark-base-colors-red-light: #FFE2E2;
   --incremark-base-colors-red-lighter: #FFFFFF;
   --incremark-base-colors-red-dark: #931414;
@@ -2344,8 +2379,8 @@
   --incremark-base-colors-orange-9: #9D4000;
   --incremark-base-colors-orange-10: #7F3400;
   --incremark-base-colors-orange-primary: #F97316;
-  --incremark-base-colors-orange-hover: #DA5E08;
-  --incremark-base-colors-orange-active: #BC4D00;
+  --incremark-base-colors-orange-hover: #FF8C3D;
+  --incremark-base-colors-orange-active: #DA5E08;
   --incremark-base-colors-orange-light: #FFD0B0;
   --incremark-base-colors-orange-lighter: #FFE7D6;
   --incremark-base-colors-orange-dark: #9D4000;
@@ -2360,8 +2395,8 @@
   --incremark-base-colors-cyan-9: #006778;
   --incremark-base-colors-cyan-10: #004D5A;
   --incremark-base-colors-cyan-primary: #06B6D4;
-  --incremark-base-colors-cyan-hover: #009BB5;
-  --incremark-base-colors-cyan-active: #008197;
+  --incremark-base-colors-cyan-hover: #29CDE8;
+  --incremark-base-colors-cyan-active: #009BB5;
   --incremark-base-colors-cyan-light: #A0F1FF;
   --incremark-base-colors-cyan-lighter: #C6F7FF;
   --incremark-base-colors-cyan-dark: #006778;
@@ -2375,10 +2410,20 @@
   --incremark-color-neutral-8: #f1f3f8;
   --incremark-color-neutral-9: #f8f9fc;
   --incremark-color-neutral-10: #ffffff;
+  --incremark-color-brand-1: #FFFFFF;
+  --incremark-color-brand-2: #FFFFFF;
+  --incremark-color-brand-3: #F0F3FF;
+  --incremark-color-brand-4: #CAD3FF;
+  --incremark-color-brand-5: #A3B4FF;
+  --incremark-color-brand-6: #7D95FF;
+  --incremark-color-brand-7: #637AE0;
+  --incremark-color-brand-8: #4C61C2;
+  --incremark-color-brand-9: #384BA3;
+  --incremark-color-brand-10: #263885;
   --incremark-color-brand-primary: #7D95FF;
-  --incremark-color-brand-primary-hover: #637AE0;
-  --incremark-color-brand-primary-active: #4C61C2;
-  --incremark-color-brand-primary-light: #FFFFFF;
+  --incremark-color-brand-primary-hover: #A3B4FF;
+  --incremark-color-brand-primary-active: #637AE0;
+  --incremark-color-brand-primary-light: #384BA3;
   --incremark-color-text-primary: #f1f3f8;
   --incremark-color-text-secondary: #e2e5ec;
   --incremark-color-text-tertiary: #cdd1da;
@@ -2397,7 +2442,7 @@
   --incremark-color-status-pending: #C084FC;
   --incremark-color-status-completed: #34D399;
   --incremark-color-interactive-link: #7D95FF;
-  --incremark-color-interactive-link-hover: #637AE0;
+  --incremark-color-interactive-link-hover: #A3B4FF;
   --incremark-color-interactive-link-visited: #FFFFFF;
   --incremark-color-interactive-checked: #34D399;
   --incremark-typography-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
@@ -2734,3 +2779,12 @@
   color: var(--incremark-color-text-tertiary);
   line-height: var(--incremark-typography-line-height-normal);
 }
+/**
+ * MessageList 组件样式
+ */
+.im-message-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 16px;
+}