fix: 代码块显式设置浅色文字+高亮颜色,不再依赖 highlight.js 主题自动配色
This commit is contained in:
+20
-3
@@ -1,5 +1,5 @@
|
|||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
@import "highlight.js/styles/atom-one-dark.css";
|
@import "highlight.js/styles/github-dark.css";
|
||||||
|
|
||||||
/* ===== MetonaAI Desktop — 全局样式 ===== */
|
/* ===== MetonaAI Desktop — 全局样式 ===== */
|
||||||
|
|
||||||
@@ -220,22 +220,39 @@ code, pre, .font-mono { font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', mo
|
|||||||
}
|
}
|
||||||
|
|
||||||
.prose-metona pre {
|
.prose-metona pre {
|
||||||
background: #252836;
|
background: #1e1e2e;
|
||||||
border: 1px solid #2a2d3a;
|
border: 1px solid #2a2d3a;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
color: #cdd6f4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prose-metona pre code {
|
.prose-metona pre code {
|
||||||
color: inherit;
|
color: #cdd6f4;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* highlight.js 语法高亮覆盖 — 浅色关键字/字符串/数字 */
|
||||||
|
.prose-metona .hljs-keyword { color: #cba6f7; }
|
||||||
|
.prose-metona .hljs-string { color: #a6e3a1; }
|
||||||
|
.prose-metona .hljs-number { color: #fab387; }
|
||||||
|
.prose-metona .hljs-comment { color: #6c7086; font-style: italic; }
|
||||||
|
.prose-metona .hljs-function { color: #89b4fa; }
|
||||||
|
.prose-metona .hljs-title { color: #89b4fa; }
|
||||||
|
.prose-metona .hljs-params { color: #f9e2af; }
|
||||||
|
.prose-metona .hljs-built_in { color: #f38ba8; }
|
||||||
|
.prose-metona .hljs-type { color: #f9e2af; }
|
||||||
|
.prose-metona .hljs-literal { color: #fab387; }
|
||||||
|
.prose-metona .hljs-attr { color: #89b4fa; }
|
||||||
|
.prose-metona .hljs-selector-class { color: #a6e3a1; }
|
||||||
|
.prose-metona .hljs-selector-tag { color: #cba6f7; }
|
||||||
|
.prose-metona .hljs-variable { color: #cdd6f4; }
|
||||||
|
|
||||||
.prose-metona blockquote {
|
.prose-metona blockquote {
|
||||||
border-left: 3px solid #818cf8;
|
border-left: 3px solid #818cf8;
|
||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
|
|||||||
Reference in New Issue
Block a user