84 lines
3.5 KiB
CSS
84 lines
3.5 KiB
CSS
@import url('https://gcore.jsdelivr.net/npm/github-markdown-css@5.8.1/github-markdown.min.css');
|
||
@import url('https://gcore.jsdelivr.net/npm/highlight.js@11.11.1/styles/night-owl.min.css');
|
||
@import url('https://gcore.jsdelivr.net/npm/katex@0.16.22/dist/katex.min.css');
|
||
@import url('https://gcore.jsdelivr.net/npm/markdown-it-texmath@1.0.0/css/texmath.min.css');
|
||
@import url('https://gcore.jsdelivr.net/npm/normalize.css@8.0.1/normalize.min.css');
|
||
|
||
.markdown-body {
|
||
box-sizing: border-box;
|
||
min-width: 200px;
|
||
margin: 0 auto;
|
||
padding: 16px;
|
||
font-size: 20px;
|
||
text-align: left; /* left-左对齐，center-居中对齐 */
|
||
}
|
||
|
||
.md-content {
|
||
opacity: 0;
|
||
}
|
||
|
||
/* 代码块自动换行，方便手机端查看代码 */
|
||
pre code[class*="language-"] {
|
||
white-space: pre-wrap;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.katex {
|
||
font-size: 1.18em !important; /* 放大公式显示，与 Anki 解析的公式一样大 */
|
||
}
|
||
|
||
/* Anki 似乎不支持 prefers-color-scheme，换一种方式设置暗黑模式 */
|
||
.nightMode .markdown-body {
|
||
/* dark */
|
||
color-scheme: dark;
|
||
--focus-outlineColor: #1f6feb;
|
||
--fgColor-default: #f0f6fc;
|
||
--fgColor-muted: #9198a1;
|
||
--fgColor-accent: #4493f8;
|
||
--fgColor-success: #3fb950;
|
||
--fgColor-attention: #d29922;
|
||
--fgColor-danger: #f85149;
|
||
--fgColor-done: #ab7df8;
|
||
--bgColor-default: #0d1117;
|
||
--bgColor-muted: #151b23;
|
||
--bgColor-neutral-muted: #656c7633;
|
||
--bgColor-attention-muted: #bb800926;
|
||
--borderColor-default: #3d444d;
|
||
--borderColor-muted: #3d444db3;
|
||
--borderColor-neutral-muted: #3d444db3;
|
||
--borderColor-accent-emphasis: #1f6feb;
|
||
--borderColor-success-emphasis: #238636;
|
||
--borderColor-attention-emphasis: #9e6a03;
|
||
--borderColor-danger-emphasis: #da3633;
|
||
--borderColor-done-emphasis: #8957e5;
|
||
--color-prettylights-syntax-comment: #9198a1;
|
||
--color-prettylights-syntax-constant: #79c0ff;
|
||
--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
|
||
--color-prettylights-syntax-entity: #d2a8ff;
|
||
--color-prettylights-syntax-storage-modifier-import: #f0f6fc;
|
||
--color-prettylights-syntax-entity-tag: #7ee787;
|
||
--color-prettylights-syntax-keyword: #ff7b72;
|
||
--color-prettylights-syntax-string: #a5d6ff;
|
||
--color-prettylights-syntax-variable: #ffa657;
|
||
--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
|
||
--color-prettylights-syntax-brackethighlighter-angle: #9198a1;
|
||
--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
|
||
--color-prettylights-syntax-invalid-illegal-bg: #8e1519;
|
||
--color-prettylights-syntax-carriage-return-text: #f0f6fc;
|
||
--color-prettylights-syntax-carriage-return-bg: #b62324;
|
||
--color-prettylights-syntax-string-regexp: #7ee787;
|
||
--color-prettylights-syntax-markup-list: #f2cc60;
|
||
--color-prettylights-syntax-markup-heading: #1f6feb;
|
||
--color-prettylights-syntax-markup-italic: #f0f6fc;
|
||
--color-prettylights-syntax-markup-bold: #f0f6fc;
|
||
--color-prettylights-syntax-markup-deleted-text: #ffdcd7;
|
||
--color-prettylights-syntax-markup-deleted-bg: #67060c;
|
||
--color-prettylights-syntax-markup-inserted-text: #aff5b4;
|
||
--color-prettylights-syntax-markup-inserted-bg: #033a16;
|
||
--color-prettylights-syntax-markup-changed-text: #ffdfb6;
|
||
--color-prettylights-syntax-markup-changed-bg: #5a1e02;
|
||
--color-prettylights-syntax-markup-ignored-text: #f0f6fc;
|
||
--color-prettylights-syntax-markup-ignored-bg: #1158c7;
|
||
--color-prettylights-syntax-meta-diff-range: #d2a8ff;
|
||
--color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
|
||
} |