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