[提升体验的css片段] 更方便地修改文件名

不是的大佬，默认主题和我安装的其它主题都没有这个滚动条，只有您的主题有，就是这个表格底部的滚动条。

image1456×66 922 Bytes

我想给单独弄出来CSS的，但是我从您的主题里扣出来的这一块CSS，弄进去和直接用主题渲染的效果不一致，没渲染出来

:is(body, .print .markdown-rendered) {
  --table-radius: var(--radius-l);
  --table-outline-width: var(--block-outline-width);
}

.markdown-preview-view table {
  margin: 1rem 0;
}

:is(.markdown-rendered, .markdown-source-view.mod-cm6.is-live-preview) table {
  width: 100% !important;
  margin: 0;
  --table-column-first-border-width: var(--table-outline-width);
  --table-column-last-border-width: var(--table-outline-width);
  --table-row-last-border-width: var(--table-outline-width);
}

:is(.markdown-rendered, .markdown-source-view.mod-cm6.is-live-preview) table thead th {
  --table-white-space: nowrap;
  border-top-width: var(--block-outline-width);
}

.markdown-source-view.mod-cm6.is-live-preview .cm-embed-block.cm-table-widget:hover table :is(td, th):first-child,
.markdown-rendered table:hover :is(td, th):first-child {
  border-left-color: var(--accent-active);
}

.markdown-source-view.mod-cm6.is-live-preview .cm-embed-block.cm-table-widget:hover table :is(td, th):last-child,
.markdown-rendered table:hover :is(td, th):last-child {
  border-right-color: var(--accent-active);
}

.markdown-source-view.mod-cm6.is-live-preview .cm-embed-block.cm-table-widget:hover table thead th,
.markdown-rendered table:hover thead th {
  border-top-color: var(--accent-active);
}

.markdown-source-view.mod-cm6.is-live-preview .cm-embed-block.cm-table-widget:hover table tbody tr:last-child>td,
.markdown-rendered table:hover tbody tr:last-child>td {
  border-bottom-color: var(--accent-active);
}

:is(.markdown-rendered, .cm-embed-block) table {
  border-collapse: initial !important;
  border-spacing: 0;
  --table-border-color: var(--accent-inactive);
  --table-header-background: hsl(var(--background-secondary-hsl));
  --table-header-background-hover: var(--active-line);
  --table-header-border-color: var(--accent-inactive);
  --table-header-weight: var(--font-bold);
  --table-column-max-width: 70%;
}

:is(.markdown-rendered, .cm-embed-block) table tr:hover td {
  background-color: var(--active-line);
}

:is(.markdown-rendered, .cm-embed-block) table :is(th, td) {
  min-width: fit-content;
  transition: border-color var(--animation);
}

:is(.markdown-rendered, .cm-embed-block) table tr:first-child th:first-child {
  border-top-left-radius: var(--table-radius);
}

:is(.markdown-rendered, .cm-embed-block) table tr:first-child th:last-child {
  border-top-right-radius: var(--table-radius);
}

:is(.markdown-rendered, .cm-embed-block) table tr:last-child td:first-child {
  border-bottom-left-radius: var(--table-radius);
}

:is(.markdown-rendered, .cm-embed-block) table tr:last-child td:last-child {
  border-bottom-right-radius: var(--table-radius);
}

.markdown-source-view.mod-cm6 .cm-embed-block.cm-table-widget {
  border: none;
}

body:not(.table-colorful) .markdown-source-view.mod-cm6 .cm-embed-block.cm-table-widget .edit-block-button {
  top: calc(var(--block-outline-width) + 0.2rem);
  right: calc(var(--block-outline-width) + 0.2rem);
}

body.table-colorful .markdown-source-view table+.edit-block-button {
  color: var(--text-on-accent);
  --background-modifier-hover: hsl(var(--background-secondary-hsl));
}

body.table-colorful .markdown-source-view table+.edit-block-button:hover {
  color: var(--setting-table-header-bg, var(--accent-active));
}

body.table-colorful table {
  --table-header-color: var(--setting-table-header-text, var(--text-on-accent));
  --table-header-background: var(--setting-table-header-bg, var(--accent-active));
  --table-header-background-hover: var(--table-header-background);
}

body.table-colorful table tbody tr:nth-of-type(2n) {
  background-color: var(--setting-table-line-bg, var(--md-container-bg));
}

body.table-colorful table tbody tr:nth-of-type(2n+1) {
  background-color: var(--background-primary);
}

body.table-colorful table th {
  caret-color: var(--text-on-accent);
  border-block: var(--block-outline-width) solid var(--table-header-background) !important;
}

body.table-colorful table th:first-child {
  border-left-color: var(--table-header-background);
}

body.table-colorful table th:last-child {
  border-right-color: var(--table-header-background);
}