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()
|
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
|
const STATUS_TEXT = { done: "做完了", tried: "做过,还没对", none: "还没做" } as const
|
||||||
|
|
||||||
@@ -94,7 +100,7 @@ watch(
|
|||||||
}
|
}
|
||||||
|
|
||||||
.chip.done {
|
.chip.done {
|
||||||
color: #fff;
|
color: v-bind(doneText);
|
||||||
background-color: v-bind("theme.successColor");
|
background-color: v-bind("theme.successColor");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user