mirror of
https://github.com/darkings/Obsidian-MonokaiSyntax.git
synced 2026-07-22 04:40:26 +00:00
优化表格阅读与编辑样式
This commit is contained in:
parent
ac17483855
commit
c2ac892ec5
10 changed files with 200 additions and 28 deletions
2
dist/theme.css
vendored
2
dist/theme.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "Monokai Syntax",
|
||||
"version": "1.1.1",
|
||||
"version": "1.1.2",
|
||||
"minAppVersion": "1.0.0",
|
||||
"author": "lat3ncy"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "monokai-syntax",
|
||||
"version": "1.1.1",
|
||||
"version": "1.1.2",
|
||||
"description": "面向 Obsidian 的 Monokai Syntax 主题。",
|
||||
"author": "lat3ncy",
|
||||
"license": "MIT",
|
||||
|
|
|
|||
|
|
@ -32,7 +32,16 @@ const checks = [
|
|||
["Obsidian Callout 原生变量同步面板 padding", /--callout-padding:\s*1\.25rem;/],
|
||||
["Obsidian Callout 原生变量同步内容 padding", /--callout-content-padding:\s*var\(--spacing-4\) 0 0 0;/],
|
||||
["Callout 面板使用语义背景变量", /\.callout[\s\S]*?background-color:\s*var\(--callout-background, transparent\);/],
|
||||
["表格边框使用增强变量", /(?:\.markdown-rendered[\s\S]*?table|\.markdown-rendered[\s\S]*?th,[\s\S]*?\.markdown-rendered[\s\S]*?td)[\s\S]*?border:\s*1px solid var\(--monokai-table-border\);/],
|
||||
["表格外层块容器不绘制边框", /\.markdown-rendered[\s\S]*?\.el-table,[\s\S]*?> div:has\(> table\),[\s\S]*?> div:has\(> \.table-wrapper\)\s*\{[\s\S]*?background:\s*transparent;[\s\S]*?border:\s*0;[\s\S]*?box-shadow:\s*none;[\s\S]*?margin-inline:\s*0;[\s\S]*?max-width:\s*var\(--monokai-table-max-width\);/],
|
||||
["表格未知外层容器按结构兜底清框", /\.markdown-rendered[\s\S]*?> div:has\(> table\),[\s\S]*?> div:has\(> \.table-wrapper\)\s*\{[\s\S]*?background:\s*transparent;[\s\S]*?border:\s*0;[\s\S]*?box-shadow:\s*none;[\s\S]*?outline:\s*0;/],
|
||||
["表格外层滚动容器不绘制边框", /\.markdown-rendered[\s\S]*?\.el-table > \.table-wrapper\s*\{[\s\S]*?background:\s*transparent;[\s\S]*?border:\s*0;[\s\S]*?box-shadow:\s*none;/],
|
||||
["表格自身保留边框变量", /\.markdown-rendered[\s\S]*?table\s*\{[\s\S]*?border:\s*var\(--monokai-table-border-width\) solid var\(--monokai-table-border\);/],
|
||||
["Live Preview 通用嵌入块不默认套用媒体外框", !/\.markdown-source-view\.mod-cm6[\s\S]*?\.image-embed,[\s\S]*?\.cm-embed-block\s*\{/.test(editorScss) && !/\.markdown-source-view\.mod-cm6[\s\S]*?\.internal-embed,[\s\S]*?\.cm-embed-block\s*\{/.test(editorScss)],
|
||||
["Live Preview 表格嵌入块不套用媒体外框", /\.markdown-source-view\.mod-cm6[\s\S]*?\.cm-line:has\(\.cm-table\),[\s\S]*?\.cm-line:has\(\.cm-hmd-table-sep\),[\s\S]*?\.cm-table-widget,[\s\S]*?\.cm-embed-block:has\(table\)\s*\{[\s\S]*?background-color:\s*transparent;[\s\S]*?border:\s*0;[\s\S]*?border-radius:\s*0;[\s\S]*?box-shadow:\s*none;[\s\S]*?box-sizing:\s*border-box;[\s\S]*?margin-inline:\s*0;[\s\S]*?max-width:\s*100%;[\s\S]*?min-width:\s*0;[\s\S]*?overflow:\s*visible;[\s\S]*?padding:\s*0;[\s\S]*?width:\s*auto;/],
|
||||
["Live Preview 表格行保留阅读行高", /\.HyperMD-table-row[\s\S]*?line-height:\s*var\(--monokai-table-line-height\);/],
|
||||
["Live Preview 表格恢复自然宽度", /\.markdown-source-view\.mod-cm6[\s\S]*?\.table-wrapper table,[\s\S]*?\.el-table table,[\s\S]*?\.cm-table-widget table,[\s\S]*?\.cm-embed-block:has\(table\) table\s*\{[\s\S]*?max-width:\s*100%;[\s\S]*?min-width:\s*0;[\s\S]*?width:\s*auto;/],
|
||||
["Live Preview 表格编辑器真实 DOM 左侧对齐", /\.markdown-source-view\.mod-cm6[\s\S]*?\.cm-embed-block\.cm-table-widget\.markdown-rendered\s*\{[\s\S]*?box-sizing:\s*border-box;[\s\S]*?margin-inline:\s*0;[\s\S]*?padding-inline-start:\s*var\(--monokai-editor-block-offset\);[\s\S]*?width:\s*100%;/],
|
||||
["Live Preview 表格编辑器单元格保留内边距", /\.markdown-source-view\.mod-cm6[\s\S]*?\.cm-table-widget table\.table-editor \.table-cell-wrapper\s*\{[\s\S]*?padding:\s*var\(--monokai-table-cell-padding\);/],
|
||||
["已完成任务保持可见", /\.markdown-rendered[\s\S]*?\.task-list-item\.is-checked[\s\S]*?color:\s*var\(--monokai-task-done-color\);/],
|
||||
["未使用 !important", !/!important/i.test(`${editorScss}\n${activeVisualScss}`)],
|
||||
];
|
||||
|
|
|
|||
|
|
@ -172,20 +172,35 @@ const checks = [
|
|||
],
|
||||
[
|
||||
"表格表头具备独立背景与文字层级",
|
||||
/--monokai-table-header-background:\s*rgb\(248 248 242 \/ 6%\);/.test(files.editor)
|
||||
&& /--monokai-table-header-background:\s*rgb\(61 61 61 \/ 6%\);/.test(files.editor)
|
||||
/--monokai-table-header-background:\s*var\(--background-secondary\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?thead,[\s\S]*?thead tr\s*\{[\s\S]*?background-color:\s*var\(--monokai-table-header-background\);[\s\S]*?\}/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?th\s*\{(?=[\s\S]*?color:\s*var\(--text-normal\);)(?=[\s\S]*?background-color:\s*var\(--monokai-table-header-background\);)[\s\S]*?\}/.test(files.editor),
|
||||
],
|
||||
[
|
||||
"API 参数表具备名称、类型、默认值和必填语义变量",
|
||||
/--monokai-table-api-name-color:\s*var\(--link-color\);/.test(files.editor)
|
||||
/--monokai-table-api-name-color:\s*var\(--monokai-spectrum-cyan, var\(--link-color\)\);/.test(files.editor)
|
||||
&& /--monokai-table-api-name-color:\s*#0f6478;/.test(files.editor)
|
||||
&& /--monokai-table-api-type-color:\s*var\(--code-type\);/.test(files.editor)
|
||||
&& /--monokai-table-api-default-color:\s*var\(--code-value\);/.test(files.editor)
|
||||
&& /--monokai-table-api-required-color:\s*var\(--text-accent\);/.test(files.editor)
|
||||
&& /--monokai-table-cell-padding:\s*0\.55rem 0\.7rem;/.test(files.editor)
|
||||
&& /--monokai-table-row-hover-background:\s*var\(--background-modifier-hover\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?table\s*\{[\s\S]*?width:\s*100%;[\s\S]*?border-collapse:\s*separate;/.test(files.editor)
|
||||
&& /--monokai-table-border-width:\s*1\.5px;/.test(files.editor)
|
||||
&& /--monokai-table-cell-padding:\s*0\.55rem 0\.8rem;/.test(files.editor)
|
||||
&& /--monokai-table-header-cell-padding:\s*0\.6rem 0\.8rem;/.test(files.editor)
|
||||
&& /--monokai-table-line-height:\s*1\.55;/.test(files.editor)
|
||||
&& /--monokai-table-max-width:\s*min\(100%, 62rem\);/.test(files.editor)
|
||||
&& /--monokai-table-min-width:\s*min\(100%, 48rem\);/.test(files.editor)
|
||||
&& /--monokai-editor-block-offset:\s*1\.5rem;/.test(files.editor)
|
||||
&& /--monokai-table-row-hover-background:\s*rgb\(120 220 232 \/ 7%\);/.test(files.editor)
|
||||
&& /--monokai-table-row-hover-background:\s*rgb\(15 100 120 \/ 5%\);/.test(files.editor)
|
||||
&& /--monokai-table-column-border:\s*rgb\(61 61 61 \/ 4%\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?\.el-table,[\s\S]*?> div:has\(> table\),[\s\S]*?> div:has\(> \.table-wrapper\)\s*\{[\s\S]*?background:\s*transparent;[\s\S]*?border:\s*0;[\s\S]*?box-shadow:\s*none;[\s\S]*?margin-inline:\s*0;[\s\S]*?max-width:\s*var\(--monokai-table-max-width\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?> div:has\(> table\),[\s\S]*?> div:has\(> \.table-wrapper\)\s*\{[\s\S]*?background:\s*transparent;[\s\S]*?border:\s*0;[\s\S]*?box-shadow:\s*none;[\s\S]*?margin-inline:\s*0;[\s\S]*?outline:\s*0;/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?\.el-table > \.table-wrapper\s*\{[\s\S]*?background:\s*transparent;[\s\S]*?border:\s*0;[\s\S]*?box-shadow:\s*none;[\s\S]*?margin-inline:\s*0;[\s\S]*?max-width:\s*var\(--monokai-table-max-width\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?table\s*\{[\s\S]*?border:\s*var\(--monokai-table-border-width\) solid var\(--monokai-table-border\);[\s\S]*?line-height:\s*var\(--monokai-table-line-height\);[\s\S]*?margin-inline:\s*0;[\s\S]*?max-width:\s*100%;[\s\S]*?min-width:\s*var\(--monokai-table-min-width\);[\s\S]*?table-layout:\s*auto;[\s\S]*?width:\s*100%;/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?th,[\s\S]*?td\s*\{[\s\S]*?padding:\s*var\(--monokai-table-cell-padding\);[\s\S]*?vertical-align:\s*top;/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?th:not\(:last-child\),[\s\S]*?td:not\(:last-child\)[\s\S]*?border-inline-end:\s*var\(--monokai-table-border-width\) solid var\(--monokai-table-column-border\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?th\s*\{[\s\S]*?padding:\s*var\(--monokai-table-header-cell-padding\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?th:first-child,[\s\S]*?td:first-child\s*\{[\s\S]*?min-width:\s*5\.5rem;[\s\S]*?white-space:\s*nowrap;/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?tbody tr:hover[\s\S]*?background-color:\s*var\(--monokai-table-row-hover-background\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?td:first-child[\s\S]*?color:\s*var\(--monokai-table-api-name-color\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?td:nth-child\(2\) code[\s\S]*?color:\s*var\(--monokai-table-api-type-color\);/.test(files.editor)
|
||||
|
|
@ -295,7 +310,7 @@ const checks = [
|
|||
&& /--monokai-media-border-color:\s*var\(--background-modifier-border\);/.test(files.editor)
|
||||
&& /--monokai-media-background:\s*var\(--background-secondary\);/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?img,[\s\S]*?\.image-embed\s*\{[\s\S]*?background-color:\s*var\(--monokai-media-background\);[\s\S]*?border:\s*1px solid var\(--monokai-media-border-color\);[\s\S]*?border-radius:\s*var\(--monokai-media-radius\);/.test(files.editor)
|
||||
&& /\.markdown-source-view\.mod-cm6[\s\S]*?\.image-embed,[\s\S]*?\.cm-embed-block\s*\{[\s\S]*?background-color:\s*var\(--monokai-media-background\);[\s\S]*?border:\s*1px solid var\(--monokai-media-border-color\);[\s\S]*?border-radius:\s*var\(--monokai-media-radius\);/.test(files.editor),
|
||||
&& /\.markdown-source-view\.mod-cm6[\s\S]*?\.image-embed\s*\{[\s\S]*?background-color:\s*var\(--monokai-media-background\);[\s\S]*?border:\s*1px solid var\(--monokai-media-border-color\);[\s\S]*?border-radius:\s*var\(--monokai-media-radius\);/.test(files.editor),
|
||||
],
|
||||
[
|
||||
"标签阅读模式与编辑模式共享胶囊样式变量",
|
||||
|
|
@ -327,7 +342,7 @@ const checks = [
|
|||
/--monokai-table-source-background:\s*var\(--background-secondary\);/.test(files.editor)
|
||||
&& /--monokai-table-source-font-family:\s*var\(--monokai-code-font-family\);/.test(files.editor)
|
||||
&& /--monokai-table-source-separator-color:\s*var\(--text-faint\);/.test(files.editor)
|
||||
&& /\.HyperMD-table-row[\s\S]*?font-family:\s*var\(--monokai-table-source-font-family\);[\s\S]*?background-color:\s*var\(--monokai-table-source-background\);/.test(files.editor)
|
||||
&& /\.HyperMD-table-row[\s\S]*?line-height:\s*var\(--monokai-table-line-height\);[\s\S]*?font-family:\s*var\(--monokai-table-source-font-family\);[\s\S]*?background-color:\s*var\(--monokai-table-source-background\);/.test(files.editor)
|
||||
&& /\.cm-hmd-table-sep,[\s\S]*?\.cm-hmd-table-align,[\s\S]*?\.cm-formatting-table[\s\S]*?color:\s*var\(--monokai-table-source-separator-color\);/.test(files.editor)
|
||||
&& /\.cm-table[\s\S]*?color:\s*var\(--text-normal\);/.test(files.editor),
|
||||
],
|
||||
|
|
@ -447,7 +462,14 @@ const checks = [
|
|||
"附件与内部嵌入扩展共享媒体容器变量",
|
||||
/--monokai-embed-padding:\s*#\{\$spacing-3\};/.test(files.editor)
|
||||
&& /\.markdown-rendered[\s\S]*?\.file-embed,[\s\S]*?\.pdf-embed,[\s\S]*?\.audio-embed,[\s\S]*?\.video-embed,[\s\S]*?\.internal-embed\s*\{[\s\S]*?background-color:\s*var\(--monokai-media-background\);[\s\S]*?border:\s*1px solid var\(--monokai-media-border-color\);[\s\S]*?border-radius:\s*var\(--monokai-media-radius\);[\s\S]*?padding:\s*var\(--monokai-embed-padding\);/.test(files.editor)
|
||||
&& /\.markdown-source-view\.mod-cm6[\s\S]*?\.file-embed,[\s\S]*?\.pdf-embed,[\s\S]*?\.audio-embed,[\s\S]*?\.video-embed,[\s\S]*?\.internal-embed,[\s\S]*?\.cm-embed-block\s*\{[\s\S]*?background-color:\s*var\(--monokai-media-background\);[\s\S]*?border:\s*1px solid var\(--monokai-media-border-color\);[\s\S]*?border-radius:\s*var\(--monokai-media-radius\);[\s\S]*?padding:\s*var\(--monokai-embed-padding\);/.test(files.editor),
|
||||
&& /\.markdown-source-view\.mod-cm6[\s\S]*?\.file-embed,[\s\S]*?\.pdf-embed,[\s\S]*?\.audio-embed,[\s\S]*?\.video-embed,[\s\S]*?\.internal-embed\s*\{[\s\S]*?background-color:\s*var\(--monokai-media-background\);[\s\S]*?border:\s*1px solid var\(--monokai-media-border-color\);[\s\S]*?border-radius:\s*var\(--monokai-media-radius\);[\s\S]*?padding:\s*var\(--monokai-embed-padding\);/.test(files.editor)
|
||||
&& !/\.markdown-source-view\.mod-cm6[\s\S]*?\.image-embed,[\s\S]*?\.cm-embed-block\s*\{/.test(files.editor)
|
||||
&& !/\.markdown-source-view\.mod-cm6[\s\S]*?\.internal-embed,[\s\S]*?\.cm-embed-block\s*\{/.test(files.editor)
|
||||
&& /\.markdown-source-view\.mod-cm6[\s\S]*?\.cm-line:has\(\.cm-table\),[\s\S]*?\.cm-line:has\(\.cm-hmd-table-sep\),[\s\S]*?\.cm-table-widget,[\s\S]*?\.cm-embed-block:has\(table\)\s*\{[\s\S]*?background-color:\s*transparent;[\s\S]*?border:\s*0;[\s\S]*?border-radius:\s*0;[\s\S]*?box-shadow:\s*none;[\s\S]*?box-sizing:\s*border-box;[\s\S]*?margin-inline:\s*0;[\s\S]*?max-width:\s*100%;[\s\S]*?min-width:\s*0;[\s\S]*?overflow:\s*visible;[\s\S]*?padding:\s*0;[\s\S]*?width:\s*auto;/.test(files.editor)
|
||||
&& /\.markdown-source-view\.mod-cm6[\s\S]*?\.table-wrapper table,[\s\S]*?\.el-table table,[\s\S]*?\.cm-table-widget table,[\s\S]*?\.cm-embed-block:has\(table\) table\s*\{[\s\S]*?max-width:\s*100%;[\s\S]*?min-width:\s*0;[\s\S]*?width:\s*auto;/.test(files.editor)
|
||||
&& /\.markdown-source-view\.mod-cm6[\s\S]*?\.cm-embed-block\.cm-table-widget\.markdown-rendered\s*\{[\s\S]*?box-sizing:\s*border-box;[\s\S]*?margin-inline:\s*0;[\s\S]*?padding-inline-start:\s*var\(--monokai-editor-block-offset\);[\s\S]*?width:\s*100%;/.test(files.editor)
|
||||
&& /\.markdown-source-view\.mod-cm6[\s\S]*?\.cm-table-widget table\.table-editor \.table-cell-wrapper\s*\{[\s\S]*?padding:\s*var\(--monokai-table-cell-padding\);/.test(files.editor)
|
||||
&& /\.markdown-source-view\.mod-cm6[\s\S]*?\.cm-table-widget table\.table-editor th \.table-cell-wrapper\s*\{[\s\S]*?background-color:\s*var\(--monokai-table-header-background\);[\s\S]*?padding:\s*var\(--monokai-table-header-cell-padding\);/.test(files.editor),
|
||||
],
|
||||
[
|
||||
"8 种任务状态阅读模式与编辑模式共享语义颜色",
|
||||
|
|
|
|||
|
|
@ -144,33 +144,76 @@
|
|||
font-weight: 700;
|
||||
}
|
||||
|
||||
&.table-wrapper,
|
||||
.table-wrapper,
|
||||
.el-table,
|
||||
> div:has(> table),
|
||||
> div:has(> .table-wrapper) {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
margin-inline: 0;
|
||||
max-width: var(--monokai-table-max-width);
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.el-table > .table-wrapper {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
margin-inline: 0;
|
||||
max-width: var(--monokai-table-max-width);
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border: 1px solid var(--monokai-table-border);
|
||||
border: var(--monokai-table-border-width) solid var(--monokai-table-border);
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
font-variant-numeric: tabular-nums;
|
||||
line-height: var(--monokai-table-line-height);
|
||||
margin-block: var(--monokai-paragraph-spacing);
|
||||
margin-inline: 0;
|
||||
max-width: 100%;
|
||||
min-width: var(--monokai-table-min-width);
|
||||
overflow: hidden;
|
||||
table-layout: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: 0;
|
||||
border-block-end: 1px solid var(--monokai-table-border);
|
||||
border-block-end: var(--monokai-table-border-width) solid var(--monokai-table-border);
|
||||
padding: var(--monokai-table-cell-padding);
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
th:not(:last-child),
|
||||
td:not(:last-child) {
|
||||
border-inline-end: 1px solid var(--monokai-table-border);
|
||||
border-inline-end: var(--monokai-table-border-width) solid var(--monokai-table-column-border);
|
||||
}
|
||||
|
||||
thead,
|
||||
thead tr {
|
||||
background-color: var(--monokai-table-header-background);
|
||||
}
|
||||
|
||||
th {
|
||||
color: var(--text-normal);
|
||||
background-color: var(--monokai-table-header-background);
|
||||
font-weight: 700;
|
||||
padding: var(--monokai-table-header-cell-padding);
|
||||
}
|
||||
|
||||
th:first-child,
|
||||
td:first-child {
|
||||
min-width: 5.5rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
tbody tr:last-child td {
|
||||
|
|
|
|||
|
|
@ -94,6 +94,7 @@
|
|||
}
|
||||
|
||||
.HyperMD-table-row {
|
||||
line-height: var(--monokai-table-line-height);
|
||||
font-family: var(--monokai-table-source-font-family);
|
||||
background-color: var(--monokai-table-source-background);
|
||||
}
|
||||
|
|
@ -207,8 +208,7 @@
|
|||
color: var(--monokai-footnote-marker-color);
|
||||
}
|
||||
|
||||
.image-embed,
|
||||
.cm-embed-block {
|
||||
.image-embed {
|
||||
max-width: 100%;
|
||||
background-color: var(--monokai-media-background);
|
||||
border: 1px solid var(--monokai-media-border-color);
|
||||
|
|
@ -221,8 +221,7 @@
|
|||
.pdf-embed,
|
||||
.audio-embed,
|
||||
.video-embed,
|
||||
.internal-embed,
|
||||
.cm-embed-block {
|
||||
.internal-embed {
|
||||
background-color: var(--monokai-media-background);
|
||||
border: 1px solid var(--monokai-media-border-color);
|
||||
border-width: var(--monokai-media-border-width);
|
||||
|
|
@ -231,6 +230,94 @@
|
|||
padding: var(--monokai-embed-padding);
|
||||
}
|
||||
|
||||
// stylelint-disable selector-class-pattern -- Obsidian/CodeMirror 表格嵌入类名。
|
||||
.cm-line:has(.cm-table),
|
||||
.cm-line:has(.cm-hmd-table-sep),
|
||||
.cm-table-widget,
|
||||
.table-wrapper,
|
||||
.el-table,
|
||||
.cm-embed-block:has(.HyperMD-table-row),
|
||||
.cm-embed-block:has(.cm-table),
|
||||
.cm-embed-block:has(.cm-hmd-table-sep),
|
||||
.cm-embed-block:has(table) {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
box-sizing: border-box;
|
||||
margin-inline: 0;
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.table-wrapper table,
|
||||
.el-table table,
|
||||
.cm-table-widget table,
|
||||
.cm-embed-block:has(table) table {
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.cm-embed-block.cm-table-widget.markdown-rendered,
|
||||
.cm-embed-block.cm-table-widget.markdown-rendered > .table-wrapper,
|
||||
.cm-embed-block.cm-table-widget.markdown-rendered table.table-editor {
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.cm-embed-block.cm-table-widget.markdown-rendered {
|
||||
box-sizing: border-box;
|
||||
margin-inline: 0;
|
||||
padding-inline-start: var(--monokai-editor-block-offset);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cm-table-widget table.table-editor {
|
||||
border: var(--monokai-table-border-width) solid var(--monokai-table-border);
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
line-height: var(--monokai-table-line-height);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cm-table-widget table.table-editor th,
|
||||
.cm-table-widget table.table-editor td {
|
||||
border: 0;
|
||||
border-block-end: var(--monokai-table-border-width) solid var(--monokai-table-border);
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.cm-table-widget table.table-editor th:not(:last-child),
|
||||
.cm-table-widget table.table-editor td:not(:last-child) {
|
||||
border-inline-end: var(--monokai-table-border-width) solid var(--monokai-table-column-border);
|
||||
}
|
||||
|
||||
.cm-table-widget table.table-editor th {
|
||||
color: var(--text-normal);
|
||||
background-color: var(--monokai-table-header-background);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.cm-table-widget table.table-editor .table-cell-wrapper {
|
||||
padding: var(--monokai-table-cell-padding);
|
||||
}
|
||||
|
||||
.cm-table-widget table.table-editor th .table-cell-wrapper {
|
||||
background-color: var(--monokai-table-header-background);
|
||||
padding: var(--monokai-table-header-cell-padding);
|
||||
}
|
||||
|
||||
.cm-table-widget table.table-editor tbody tr:last-child td {
|
||||
border-block-end: 0;
|
||||
}
|
||||
// stylelint-enable selector-class-pattern
|
||||
|
||||
.cm-hashtag {
|
||||
color: var(--monokai-tag-color);
|
||||
background-color: var(--monokai-tag-background);
|
||||
|
|
|
|||
|
|
@ -56,10 +56,17 @@
|
|||
--monokai-code-font-family: var(--font-monospace);
|
||||
--monokai-table-source-font-family: var(--monokai-code-font-family);
|
||||
--monokai-table-source-separator-color: var(--text-faint);
|
||||
--monokai-table-cell-padding: 0.55rem 0.7rem;
|
||||
--monokai-table-row-hover-background: var(--background-modifier-hover);
|
||||
--monokai-table-border-width: 1.5px;
|
||||
--monokai-table-cell-padding: 0.55rem 0.8rem;
|
||||
--monokai-table-header-cell-padding: 0.6rem 0.8rem;
|
||||
--monokai-table-line-height: 1.55;
|
||||
--monokai-table-max-width: min(100%, 62rem);
|
||||
--monokai-table-min-width: min(100%, 48rem);
|
||||
--monokai-editor-block-offset: 1.5rem;
|
||||
--monokai-table-row-hover-background: rgb(120 220 232 / 7%);
|
||||
--monokai-table-row-alt-background: transparent;
|
||||
--monokai-table-api-name-color: var(--link-color);
|
||||
--monokai-table-column-border: rgb(248 248 242 / 6%);
|
||||
--monokai-table-api-name-color: var(--monokai-spectrum-cyan, var(--link-color));
|
||||
--monokai-table-api-type-color: var(--code-type);
|
||||
--monokai-table-api-default-color: var(--code-value);
|
||||
--monokai-table-api-required-color: var(--text-accent);
|
||||
|
|
@ -139,7 +146,7 @@ body.theme-dark {
|
|||
--monokai-codeblock-active-line-border: #{$color-pro-cyan};
|
||||
--monokai-codeblock-selection-background: #344349;
|
||||
--monokai-table-border: rgb(248 248 242 / 18%);
|
||||
--monokai-table-header-background: rgb(248 248 242 / 6%);
|
||||
--monokai-table-header-background: var(--background-secondary);
|
||||
--monokai-table-row-alt-background: rgb(248 248 242 / 3%);
|
||||
--monokai-task-done-color: rgb(248 248 242 / 68%);
|
||||
--monokai-task-forward-color: var(--text-accent);
|
||||
|
|
@ -193,8 +200,11 @@ body.theme-light {
|
|||
--monokai-codeblock-active-line-border: #{$color-light-cyan};
|
||||
--monokai-codeblock-selection-background: #c9e8ee;
|
||||
--monokai-table-border: rgb(61 61 61 / 18%);
|
||||
--monokai-table-header-background: rgb(61 61 61 / 6%);
|
||||
--monokai-table-header-background: var(--background-secondary);
|
||||
--monokai-table-row-alt-background: rgb(61 61 61 / 3%);
|
||||
--monokai-table-row-hover-background: rgb(15 100 120 / 5%);
|
||||
--monokai-table-column-border: rgb(61 61 61 / 4%);
|
||||
--monokai-table-api-name-color: #0f6478;
|
||||
--monokai-task-done-color: rgb(61 61 61 / 66%);
|
||||
--monokai-task-forward-color: var(--text-accent);
|
||||
--monokai-task-cancelled-color: var(--text-faint);
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -3,5 +3,6 @@
|
|||
"1.0.1": "1.0.0",
|
||||
"1.0.2": "1.0.0",
|
||||
"1.1.0": "1.0.0",
|
||||
"1.1.1": "1.0.0"
|
||||
"1.1.1": "1.0.0",
|
||||
"1.1.2": "1.0.0"
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue