feat(button): [button] Adapting to the SMB theme

opentiny · Sep 12, 2024 · bd16ad4 · bd16ad4
1 parent ecc4f7d
commit bd16ad4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/theme/src/button/index.less b/packages/theme/src/button/index.less
@@ -104,6 +104,7 @@
 
   &.is-ghost {
     background-color: transparent;
+    color: var(--ti-button-ghost-text-color);
 
     &:active,
     &:focus,

diff --git a/packages/theme/src/button/vars.less b/packages/theme/src/button/vars.less
@@ -104,6 +104,8 @@
   --ti-button-plain-border-color: #C2C2C2;
   // 默认 朴素 禁用边框色
   --ti-button-plain-disabled-border-color: #F0F0F0;
+  // 默认 朴素 悬浮边框色
+  --ti-button-plain-hover-border-color: #F5F5F5;
 
   // 文字按钮文本色
   --ti-button-text-color: var(--ti-common-color-text-highlight);
@@ -308,11 +310,11 @@
   --ti-button-info-plain-disabled-bg-color: #F0F0F0;
 
   // 默认类型幽灵按钮文本色
-  --ti-button-ghost-text-color: var(--ti-common-color-text-primary, #252b3a);
+  --ti-button-ghost-text-color: #595959;
   // 默认类型幽灵按钮边框色
   --ti-button-ghost-border-color: var(--ti-common-color-border, #adb0b8);
   // 默认类型幽灵按钮悬浮文本色
-  --ti-button-ghost-hover-text-color: var(--ti-common-color-primary-normal, #5e7ce0);
+  --ti-button-ghost-hover-text-color: #595959;
   // 默认类型幽灵按钮悬浮边框色
   --ti-button-ghost-hover-border-color: #c2c2c2;
   // 默认类型幽灵按钮禁用文本色
@@ -350,7 +352,7 @@
   // 信息类型幽灵按钮悬浮文本色
   --ti-button-info-ghost-hover-text-color: #1476FF;
   // 信息类型幽灵按钮悬浮边框色
-  --ti-button-info-ghost-hover-border-color: #FAFAFA;
+  --ti-button-info-ghost-hover-border-color: #DEECFF;
   // 信息类型幽灵按钮禁用文本色
   --ti-button-info-ghost-disabled-text-color: #C2C2C2;
   // 信息类型幽灵按钮禁用边框色