fix: 代码块显式设置浅色文字+高亮颜色,不再依赖 highlight.js 主题自动配色

This commit is contained in:
thzxx
2026-06-27 22:57:33 +08:00
parent 22f7ec39c5
commit 15d59e9f8f
+20 -3
View File
@@ -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;