Hugging Face's logo

Spaces:
Mochi0622
/
Dash-math_Database
Sleeping

App Files Community
Dash-math_Database
File size: 1,147 Bytes
c467c9f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/* ─────────────────────────────────────────────
   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 切換時設定在 <html> 上的屬性，
   所以不需要額外改 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;
}