From 3f6f2a30b29ecffc859604e3cba749539cd12ab1 Mon Sep 17 00:00:00 2001 From: "wen.chen" Date: Tue, 25 Nov 2025 17:51:37 +0800 Subject: [PATCH] feat: fix Select component visibility in dark mode --- components.d.ts | 1 + src/components/base/select/Select.vue | 6 +++--- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/components.d.ts b/components.d.ts index 525e664d..a8dc02ab 100644 --- a/components.d.ts +++ b/components.d.ts @@ -65,6 +65,7 @@ declare module 'vue' { IconFluentChevronLeft28Filled: typeof import('~icons/fluent/chevron-left28-filled')['default'] IconFluentChevronUp20Filled: typeof import('~icons/fluent/chevron-up20-filled')['default'] IconFluentClock20Regular: typeof import('~icons/fluent/clock20-regular')['default'] + IconFluentCommentEdit20Regular: typeof import('~icons/fluent/comment-edit20-regular')['default'] IconFluentCopy20Regular: typeof import('~icons/fluent/copy20-regular')['default'] IconFluentCrown20Regular: typeof import('~icons/fluent/crown20-regular')['default'] IconFluentDatabasePerson20Regular: typeof import('~icons/fluent/database-person20-regular')['default'] diff --git a/src/components/base/select/Select.vue b/src/components/base/select/Select.vue index 5eb1c9ff..7508f1b0 100644 --- a/src/components/base/select/Select.vue +++ b/src/components/base/select/Select.vue @@ -251,7 +251,7 @@ onBeforeUnmount(() => { .select__dropdown { max-height: 200px; overflow-y: auto; - background-color: #fff; + background-color: var(--color-input-bg); border: 1px solid var(--color-input-border); border-radius: 0.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -269,13 +269,13 @@ onBeforeUnmount(() => { transition: background-color 0.3s; &:hover { - background-color: #f5f7fa; + background-color: var(--color-item-hover); } &.is-selected { color: var(--color-select-bg); font-weight: bold; - background-color: #f5f7fa; + background-color: var(--color-item-active); } }