深浅模式
#tech/obsidian
css
/* canvas引用不要加标题 */
.canvas-wrapper .canvas-node-content .markdown-preview-view .mod-header {
display: none;
}
.canvas-wrapper .canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view.markdown-rendered {
padding: 0;
}
.canvas-wrapper .canvas-node-content .markdown-preview-view .callout {
margin: 0;
}
.canvas-wrapper .canvas-node-content .markdown-preview-view .callout[data-callout="summary"] {
background-color: transparent;
}
.canvas-wrapper .canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view::before,
.canvas-wrapper .canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view::after {
display: none;
}
.canvas-wrapper .canvas-node-content .markdown-preview-view h1,
.canvas-wrapper .canvas-node-content .markdown-preview-view h2,
.canvas-wrapper .canvas-node-content .markdown-preview-view h3,
.canvas-wrapper .canvas-node-content .markdown-preview-view h4,
.canvas-wrapper .canvas-node-content .markdown-preview-view h5,
.canvas-wrapper .canvas-node-content .markdown-preview-view h6 {
display: none;
}
.internal-embed.markdown-embed.inline-embed h1,
.internal-embed.markdown-embed.inline-embed h2,
.internal-embed.markdown-embed.inline-embed h3,
.internal-embed.markdown-embed.inline-embed h4,
.internal-embed.markdown-embed.inline-embed h5,
.internal-embed.markdown-embed.inline-embed h6 {
display: none;
}
/* 增加自定义 callout */
.callout[data-callout="dbtable"] {
--callout-color: var(--color-blue-rgb);
--callout-icon: lucide-table;
}
.callout[data-callout="dict"] {
--callout-color: var(--color-orange-rgb);
--callout-icon: lucide-book-a;
}
.callout[data-callout="widget"] {
--callout-color: var(--color-purple-rgb);
--callout-icon: lucide-package-search;
}
.callout[data-callout="rule"] {
--callout-color: var(--color-cyan-rgb);
--callout-icon: lucide-pencil-ruler;
}
.callout[data-callout="workflow"] {
--callout-color: var(--color-green-rgb);
--callout-icon: lucide-workflow;
}
.callout[data-callout="module"] {
--callout-color: var(--color-yellow-rgb);
--callout-icon: lucide-component;
}
.callout[data-callout="connector"] {
--callout-color: var(--color-pink-rgb);
--callout-icon: lucide-unplug;
}
/* 引用的文档不要加右撇效果 */
.markdown-embed.inline-embed.is-loaded {
padding: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
}
.internal-embed > .embed-title {
display: none;
}
.internal-embed > .markdown-embed-link {
/* display: none; */
}