style(题目): 暗色下「做完」的题号芯片换成深色字——浅薄荷绿底上的白字几乎看不见
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
11ff340110
commit
03985fcbf9
1 file changed
+7
-1
@@ -22,6 +22,12 @@ const props = defineProps<{
|
||||
}>()
|
||||
|
||||
const theme = useThemeVars()
|
||||
/**
|
||||
* 「做完」的实心绿上用什么字色。暗色主题的成功色是浅薄荷绿,白字几乎看不见 ——
|
||||
* 和 Naive 自己的主按钮一样,暗色下换深色字
|
||||
*/
|
||||
const isDark = useDark()
|
||||
const doneText = computed(() => (isDark.value ? "rgba(0, 0, 0, 0.85)" : "#fff"))
|
||||
|
||||
const STATUS_TEXT = { done: "做完了", tried: "做过,还没对", none: "还没做" } as const
|
||||
|
||||
@@ -94,7 +100,7 @@ watch(
|
||||
}
|
||||
|
||||
.chip.done {
|
||||
color: #fff;
|
||||
color: v-bind(doneText);
|
||||
background-color: v-bind("theme.successColor");
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user