Files
Capture/kb/.obsidian/snippets/table-readable-global.css
T

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;
}