feat(input): [input] dark theme adaptation

opentiny · Mar 4, 2025 · a5326e8 · a5326e8
1 parent aff176f
commit a5326e8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/theme/src/tall-storage/index.less b/packages/theme/src/tall-storage/index.less
@@ -28,6 +28,7 @@
     background-color: var(--tv-TallStorage-bg-color);
     box-shadow: var(--tv-TallStorage-box-shadow);
     border-radius: var(--tv-TallStorage-border-radius);
+    overflow: hidden;
     width: 100%;
     box-sizing: border-box;
     z-index: 10;
@@ -47,7 +48,7 @@
         &:hover,
         &.item-hover {
           cursor: pointer;
-          background-color: var(--tv-TallStorage-item-bg-color);
+          background-color: var(--tv-TallStorage-item-bg-color-hover);
         }
       }
     }

diff --git a/packages/theme/src/tall-storage/vars.less b/packages/theme/src/tall-storage/vars.less
@@ -12,13 +12,13 @@
 
 .inject-TallStorage-vars() {
   // 背景颜色
-  --tv-TallStorage-bg-color: var(--tv-color-bg-secondary);
+  --tv-TallStorage-bg-color: var(--tv-color-bg-2);
   // 圆角
   --tv-TallStorage-border-radius: var(--tv-border-radius-md);
   // 选项高度
   --tv-TallStorage-item-height: var(--tv-size-height-md);
-  // 选项背景颜色
-  --tv-TallStorage-item-bg-color: var(--tv-color-bg);
+  // 选项悬浮背景颜色
+  --tv-TallStorage-item-bg-color-hover: var(--tv-color-bg-hover);
   // 阴影
   --tv-TallStorage-box-shadow: var(--tv-shadow-2-down);
 }