style(theme): 深色模式配色由 slate 换成 zinc,去掉整页蓝调
slate 色阶带明显蓝调(页面底 B-R=+22、列底 +26),整页发蓝,与目标的中性灰 相差很远。换成 Tailwind 的 zinc 色阶做 1:1 映射,保持原有明暗层次不变 (卡片仍比列背景更亮),只去色偏:改后页面底 B-R=+2、列底 +2。 只替换带 dark: 前缀的类(16 个文件、182 处),外加 style.css 里三处 html.dark 基底色;浅色模式一字未动(页面底仍为 slate-100 #f1f5f9)。
This commit is contained in:
@@ -89,19 +89,19 @@ onBeforeUnmount(stopListening)
|
||||
|
||||
<aside
|
||||
ref="panelRef"
|
||||
class="absolute inset-y-0 right-0 flex w-full max-w-md flex-col bg-white shadow-panel outline-none dark:bg-slate-900"
|
||||
class="absolute inset-y-0 right-0 flex w-full max-w-md flex-col bg-white shadow-panel outline-none dark:bg-zinc-900"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
:aria-label="title"
|
||||
tabindex="-1"
|
||||
>
|
||||
<header
|
||||
class="flex items-center justify-between border-b border-slate-200 px-4 py-3 dark:border-slate-800"
|
||||
class="flex items-center justify-between border-b border-slate-200 px-4 py-3 dark:border-zinc-800"
|
||||
>
|
||||
<h2 class="text-base font-medium text-slate-800 dark:text-slate-100">{{ title }}</h2>
|
||||
<h2 class="text-base font-medium text-slate-800 dark:text-zinc-100">{{ title }}</h2>
|
||||
<button
|
||||
type="button"
|
||||
class="rounded px-2 py-1 text-slate-400 transition hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-slate-800 dark:hover:text-slate-200"
|
||||
class="rounded px-2 py-1 text-slate-400 transition hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-200"
|
||||
aria-label="关闭"
|
||||
@click="emit('close')"
|
||||
>
|
||||
@@ -115,7 +115,7 @@ onBeforeUnmount(stopListening)
|
||||
|
||||
<footer
|
||||
v-if="$slots.footer"
|
||||
class="border-t border-slate-200 px-4 py-3 dark:border-slate-800"
|
||||
class="border-t border-slate-200 px-4 py-3 dark:border-zinc-800"
|
||||
>
|
||||
<slot name="footer" />
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user