refactor(calendar): [calendar] refactor theme vars

opentiny · Oct 21, 2024 · e57b667 · e57b667
1 parent 7ffb106
commit e57b667
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/theme/src/calendar/index.less b/packages/theme/src/calendar/index.less
@@ -20,7 +20,7 @@
 @popper-prefix-cls: ~'@{css-prefix}popper';
 
 .@{calendar-prefix-cls} {
-  .injiect-Calendar-vars();
+  .inject-Calendar-vars();
 
   background: var(--tv-Calendar-bg-color);
   overflow: hidden;
@@ -93,7 +93,7 @@
       &:active,
       &.active,
       &[active] {
-        border: 1px solid #191919;
+        border: 1px solid var(--tv-Calendar-input-hover-border-color);
       }
 
       &[readonly] {

diff --git a/packages/theme/src/calendar/vars.less b/packages/theme/src/calendar/vars.less
@@ -10,7 +10,7 @@
 *
 */
 
-.injiect-Calendar-vars() {
+.inject-Calendar-vars() {
   // 日历背景颜色
   --tv-Calendar-bg-color: var(--tv-color-bg-secondary);
   // 日历日期列表选中文字颜色
@@ -41,6 +41,8 @@
   --tv-Calendar-input-border-radius: var(--tv-border-radius-md);
   // 日历表头输入框字号
   --tv-Calendar-input-font-size: var(--tv-font-size-md);
+  // 日历输入框hover边框色
+  --tv-Calendar-input-hover-border-color:var(--tv-color-border-hover) ;
   // 日历列次悬浮背景色
   --tv-Calendar-list-item-hover-bg-color: var(--tv-color-bg-hover);
   // 日历列次悬选中景色