fix:暗色主题适配 (#3238)

discreted66 · web-flow · commit f28fd42d563b · 2025-04-03T15:09:59.000+08:00
diff --git a/packages/theme/src/input/index.less b/packages/theme/src/input/index.less
@@ -303,8 +303,14 @@
         align-items: center;
 
         svg {
+          cursor: pointer;
           width: 16px;
           height: 16px;
+          fill: var(--tv-Input-icon-color);
+
+          &:hover {
+            fill: var(--tv-Input-icon-color-hover);
+          }
         }
       }
 
diff --git a/packages/theme/src/steps/index.less b/packages/theme/src/steps/index.less
@@ -380,8 +380,8 @@
           margin-right: 12px;
 
           .icon {
-            width: var(--tv-Steps-node-circle-size);
-            height: var(--tv-Steps-node-circle-size);
+            width: var(--tv-Steps-node-circle-size-lg);
+            height: var(--tv-Steps-node-circle-size-lg);
           }
         }
       }
@@ -482,6 +482,7 @@
       .@{steps-prefix-cls}-main {
         display: flex;
         align-items: center;
+        height: var(--tv-Steps-node-circle-size-lg);
       }
     }
 
@@ -700,6 +701,7 @@
         margin-left: var(--tv-Steps-text-margin-left);
         font-weight: 500;
         padding-top: 2px;
+        line-height: 1.5;
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
@@ -821,7 +823,7 @@
       }
 
       &.large {
-        .block-size-mixin(32px, 16px, 18px, 16px, 32px, 12px);
+        .block-size-mixin(40px, 16px, 26px, 16px, 40px, 12px);
       }
     }
 
diff --git a/packages/theme/src/steps/vars.less b/packages/theme/src/steps/vars.less
@@ -21,8 +21,10 @@
   --tv-Steps-disabled-icon-color: var(--tv-color-text-disabled, #c2c2c2);
   // 描述信息文本色
   --tv-Steps-node-desc-text-color: var(--tv-color-text-weaken, #808080);
-  // 节点圆圈尺寸
+  // 节点圆圈尺寸-中
   --tv-Steps-node-circle-size: var(--tv-size-height-md, 32px);
+  // 节点圆圈尺寸-large
+  --tv-Steps-node-circle-size-lg: var(--tv-size-height-lg, 40px);
   // 已完成节点边框色
   --tv-Steps-node-done-border-color: var(--tv-color-border-active, #191919);
   // 已完成节点背景色
diff --git a/packages/theme/src/svgs/halfselect.svg b/packages/theme/src/svgs/halfselect.svg
@@ -1,18 +1,17 @@
-<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none"
-    xmlns="http://www.w3.org/2000/svg"
+<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
-    <desc>
-			Created with Pixso.
-    </desc>
-    <defs>
-        <clipPath id="clip164_69308">
-            <rect id="halfselect" width="16.000000" height="16.000000" fill="white" fill-opacity="0"/>
-        </clipPath>
-    </defs>
-    <g clip-path="url(#clip164_69308)">
-        <path id="形状" d="M13.71 0C14.97 0 16 1.02 16 2.28L16 13.71C16 14.97 14.97 16 13.71 16L2.28 16C1.02 16 0 14.97 0 13.71L0 2.28C0 1.02 1.02 0 2.28 0L13.71 0ZM10.67 4.57L5.32 4.57C4.94 4.57 4.63 4.84 4.57 5.21L4.57 10.67C4.57 11.05 4.85 11.36 5.21 11.41L10.67 11.42C11.05 11.42 11.36 11.15 11.42 10.78L11.42 5.32C11.42 4.94 11.03 4.62 10.67 4.57Z" fill="#000000" fill-opacity="1.000000" fill-rule="nonzero"/>
-        <path id="形状" d="M16 2.28L16 13.71C16 14.97 14.97 16 13.71 16L2.28 16C1.02 16 0 14.97 0 13.71L0 2.28C0 1.02 1.02 0 2.28 0L13.71 0C14.97 0 16 1.02 16 2.28ZM5.32 4.57C4.94 4.57 4.63 4.84 4.57 5.21L4.57 10.67C4.57 11.05 4.85 11.36 5.21 11.41L10.67 11.42C11.05 11.42 11.36 11.15 11.42 10.78L11.42 5.32C11.42 4.94 11.03 4.62 10.67 4.57L5.32 4.57Z" stroke="#000000" stroke-opacity="0" stroke-width="1.000000"/>
-        <path id="路径" d="M10.67 4.57L5.32 4.57C4.94 4.57 4.63 4.85 4.57 5.21L4.57 10.67C4.57 11.05 4.84 11.36 5.21 11.42L10.67 11.42C11.05 11.42 11.36 11.15 11.41 10.78L11.42 5.32C11.42 4.94 11.03 4.62 10.67 4.57Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="nonzero"/>
-        <path id="路径" d="M5.32 4.57C4.94 4.57 4.63 4.85 4.57 5.21L4.57 10.67C4.57 11.05 4.84 11.36 5.21 11.42L10.67 11.42C11.05 11.42 11.36 11.15 11.41 10.78L11.42 5.32C11.42 4.94 11.03 4.62 10.67 4.57L5.32 4.57Z" stroke="#000000" stroke-opacity="0" stroke-width="1.000000"/>
+    <g >
+        <path
+            d="M13.71 0C14.97 0 16 1.02 16 2.28v11.43c0 1.26-1.03 2.29-2.29 2.29H2.28C1.02 16 0 14.97 0 13.71V2.28C0 1.02 1.02 0 2.28 0h11.43Zm-3.04 4.57H5.32c-.38 0-.69.27-.75.64v5.46c0 .38.28.69.64.74l5.46.01c.38 0 .69-.27.75-.64V5.32c0-.38-.39-.7-.75-.75Z"
+            fill-opacity="0"></path>
+        <path
+            d="M16 2.28v11.43c0 1.26-1.03 2.29-2.29 2.29H2.28C1.02 16 0 14.97 0 13.71V2.28C0 1.02 1.02 0 2.28 0h11.43C14.97 0 16 1.02 16 2.28ZM5.32 4.57c-.38 0-.69.27-.75.64v5.46c0 .38.28.69.64.74l5.46.01c.38 0 .69-.27.75-.64V5.32c0-.38-.39-.7-.75-.75H5.32Z">
+        </path>
+        <path
+            d="M10.67 4.57H5.32c-.38 0-.69.28-.75.64v5.46c0 .38.27.69.64.75h5.46c.38 0 .69-.27.74-.64l.01-5.46c0-.38-.39-.7-.75-.75Z"
+            fill="#FFF"></path>
+        <path
+            d="M5.32 4.57c-.38 0-.69.28-.75.64v5.46c0 .38.27.69.64.75h5.46c.38 0 .69-.27.74-.64l.01-5.46c0-.38-.39-.7-.75-.75H5.32Z" fill="#FFF">
+        </path>
     </g>
-</svg>
+</svg>
diff --git a/packages/theme/src/upload-list/index.less b/packages/theme/src/upload-list/index.less
@@ -290,10 +290,6 @@
     color: var(--tv-UploadList-item-fail-text-color);
   }
 
-  &__text-desc {
-    padding-top: 4px;
-  }
-
   &__icon-operationfaild {
     fill: #f23030;
     margin-right: 8px;

Original file line number	Diff line number	Diff line change
`@@ -303,8 +303,14 @@`
`303`	`303`	`align-items: center;`
`304`	`304`
`305`	`305`	`svg {`
	`306`	`+ cursor: pointer;`
`306`	`307`	`width: 16px;`
`307`	`308`	`height: 16px;`
	`309`	`+ fill: var(--tv-Input-icon-color);`
	`310`	`+`
	`311`	`+ &:hover {`
	`312`	`+ fill: var(--tv-Input-icon-color-hover);`
	`313`	`+ }`
`308`	`314`	`}`
`309`	`315`	`}`
`310`	`316`
Original file line number	Diff line number	Diff line change
`@@ -380,8 +380,8 @@`
`380`	`380`	`margin-right: 12px;`
`381`	`381`
`382`	`382`	`.icon {`
`383`		`- width: var(--tv-Steps-node-circle-size);`
`384`		`- height: var(--tv-Steps-node-circle-size);`
	`383`	`+ width: var(--tv-Steps-node-circle-size-lg);`
	`384`	`+ height: var(--tv-Steps-node-circle-size-lg);`
`385`	`385`	`}`
`386`	`386`	`}`
`387`	`387`	`}`
`@@ -482,6 +482,7 @@`
`482`	`482`	`.@{steps-prefix-cls}-main {`
`483`	`483`	`display: flex;`
`484`	`484`	`align-items: center;`
	`485`	`+ height: var(--tv-Steps-node-circle-size-lg);`
`485`	`486`	`}`
`486`	`487`	`}`
`487`	`488`
`@@ -700,6 +701,7 @@`
`700`	`701`	`margin-left: var(--tv-Steps-text-margin-left);`
`701`	`702`	`font-weight: 500;`
`702`	`703`	`padding-top: 2px;`
	`704`	`+ line-height: 1.5;`
`703`	`705`	`overflow: hidden;`
`704`	`706`	`display: -webkit-box;`
`705`	`707`	`-webkit-box-orient: vertical;`
`@@ -821,7 +823,7 @@`
`821`	`823`	`}`
`822`	`824`
`823`	`825`	`&.large {`
`824`		`- .block-size-mixin(32px, 16px, 18px, 16px, 32px, 12px);`
	`826`	`+ .block-size-mixin(40px, 16px, 26px, 16px, 40px, 12px);`
`825`	`827`	`}`
`826`	`828`	`}`
`827`	`829`