/* ───────────────────────────────────────────── dt_card_theme.css 放到 Dash 專案的 assets/ 資料夾即可自動載入。 搭配 dt_render_blocks.py 的 render_card 使用。 ───────────────────────────────────────────── */ /* ── 亮色預設 ── */ .dt-card { background-color: var(--c-body-light) !important; } .dt-card-header { background-color: var(--c-header-light) !important; color: var(--c-fg-light) !important; } /* ── 暗色模式自動切換 ── [data-mantine-color-scheme="dark"] 正好是 callbacks.py 裡 JS 切換時設定在 上的屬性， 所以不需要額外改 callback，完全自動聯動。 ── */ [data-mantine-color-scheme="dark"] .dt-card { background-color: var(--c-body-dark) !important; } [data-mantine-color-scheme="dark"] .dt-card-header { background-color: var(--c-header-dark) !important; color: var(--c-fg-dark) !important; }