43 lines
1.4 KiB
CSS
43 lines
1.4 KiB
CSS
/* ========== Obsidian 表格通用可读性优化 ========== */
|
|
/* 全局生效,适配 Markdown 原生表 & Dataview 表,使用主题变量 */
|
|
|
|
/* 使用 Obsidian 内置表格变量,兼容深浅主题 */
|
|
.markdown-rendered table,
|
|
.table-view-table {
|
|
--table-border-width: 1px;
|
|
--table-border-color: var(--background-modifier-border);
|
|
--table-header-background: var(--background-modifier-border);
|
|
--table-header-background-hover: var(--background-modifier-hover);
|
|
--table-header-color: var(--text-normal);
|
|
--table-row-alt-background: var(--background-modifier-cover);
|
|
--table-row-alt-background-hover: var(--background-modifier-hover);
|
|
--table-row-background-hover: var(--background-modifier-hover);
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.markdown-rendered thead th,
|
|
.table-view-table thead th {
|
|
font-weight: 600;
|
|
padding: 8px 12px !important;
|
|
text-align: left;
|
|
}
|
|
|
|
.markdown-rendered tbody td,
|
|
.table-view-table tbody td {
|
|
padding: 6px 12px !important;
|
|
border: 1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
/* 斑马纹 - 奇偶行区分 */
|
|
.markdown-rendered tbody tr:nth-child(even),
|
|
.table-view-table tbody tr:nth-child(even) {
|
|
background-color: var(--table-row-alt-background) !important;
|
|
}
|
|
|
|
.markdown-rendered tbody tr:hover td,
|
|
.table-view-table tbody tr:hover td,
|
|
.markdown-rendered tbody tr:hover td a,
|
|
.table-view-table tbody tr:hover td a {
|
|
background-color: var(--table-row-background-hover) !important;
|
|
}
|