自用CSS风格分享

👇 点击这里展开代码
/* 正文内容 最大宽度 */
.cm-sizer, .cm-content, .cm-line,
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer
{
    max-width: 1200px !important;
}

/* 编辑器 背景色 */
.cm-editor {
    background-color: #CCE8CF !important;
}
/* 预览模式 背景色 */
.markdown-preview-view {
    background-color: #f9f9f9 !important;
}

/* folder index + 目录添加边框 */
.block-language-folder-index-content, .block-language-table-of-contents {
    border: 1px solid #999;
    border-radius: 6px;
}


/* 正文表格 表格边框颜色 */
.markdown-rendered table{
    --table-border-color: rgba(0, 0, 0, 0.15) !important;
    --table-header-border-color: rgba(0, 0, 0, 0.15) !important;
}

/* 粗体、斜体 颜色 */
.cm-strong, strong, .cm-em {
    color: #000 !important;
}

/* 引用内容 颜色 */
blockquote, .cm-quote {
    font-style: normal !important;
    color: #666 !important;
}

.HyperMD-quote {
    background-color: #f6f7f8 !important;
}

/* 高亮 颜色 */
.cm-highlight{
    background-color: #ff0 !important;
}

/* 代码块描述文本 */
.code-block-flair{
    border: solid 1px #ccc !important;
    background-color: #fff !important;
}


/* 标题大小，必须用此Class */
.cm-s-obsidian .HyperMD-header-1, .markdown-preview-view h1, h1 {
    font-size: 25px;
    color: #fb1616;
}
.cm-s-obsidian .HyperMD-header-2, .markdown-preview-view h2, h2 {
    font-size: 22px;
}
.cm-s-obsidian .HyperMD-header-3, .markdown-preview-view h3, h3 {
    font-size: 21px;
}
.cm-s-obsidian .HyperMD-header-4, .markdown-preview-view h4, h4 {
    font-size: 19px;
}
.cm-s-obsidian .HyperMD-header-5, .markdown-preview-view h5, h5 {
    font-size: 16px;
}
.cm-s-obsidian .HyperMD-header-6, .markdown-preview-view h6, h6 {
    font-size: 13px;
}

/* 标题 颜色 */
.cm-header-1, .markdown-rendered h1 {
    color: #ff1000;
    text-shadow: #777 2px 1px 3px;
}
.cm-header-2, .markdown-rendered h2 {
    color: #e91e63;
    text-shadow: #888 2px 1px 3px;
}
.cm-header-3, .markdown-rendered h3 {
    color: #9c27b0;
    text-shadow: #aaa 2px 1px 3px;
}
.cm-header-4, .markdown-rendered h4 {
    color: #673ab7;
    text-shadow: #ccc 2px 1px 3px;
}
.cm-header-5, .markdown-rendered h5 {
    color: #3f51b5;
    text-shadow: #eee 2px 1px 3px;
}
.cm-header-6, .markdown-rendered h6 {
    color: #2196f3;
    text-shadow: #eee 2px 1px 3px;
}

/* 分隔符样式 更加明显 */
.cm-s-obsidian hr, .markdown-preview-view hr {
    border: 0;
    border-top: 2px dotted #a2a9b6;
}
123