Adapt built-in themes to the supplied editor snippets

web/src/themes/base.css

@@ -1,6 +1,6 @@
 /*
  * 基础主题。--rm-* 变量即主题 API，第三方主题只需覆盖这些变量。
- * 代码块与行内代码配色取自 vuejs.org（@vue/theme + Shiki github-dark）。
+ * 代码与编辑样式适配用户提供的 Obsidian CSS 片段。
  */
 :root {
   color-scheme: light;
@@ -22,35 +22,35 @@
   --rm-content-width: 760px;
 
   --rm-bg: #ffffff;
-  --rm-text: #213547;
+  --rm-text: #252a2e;
   --rm-text-muted: rgba(60, 60, 60, 0.7);
   --rm-divider: rgba(60, 60, 60, 0.12);
   --rm-accent: #42b883;
   --rm-accent-strong: #33a06f;
   --rm-selection: rgba(66, 184, 131, 0.22);
 
-  --rm-inline-code-bg: #f1f1f1;
-  --rm-inline-code-text: #476582;
-  --rm-code-bg: #292d3e;
-  --rm-code-text: #e1e4e8;
+  --rm-inline-code-bg: #f8f8f8;
+  --rm-inline-code-text: #e96900;
+  --rm-code-bg: #263238;
+  --rm-code-text: #abb2bf;
   --rm-code-font-size: 14px;
   --rm-highlight-bg: rgba(255, 213, 0, 0.35);
 }
 
 :root:where([data-rm-color-mode="dark"]) {
   color-scheme: dark;
-  --rm-bg: #1a1a1a;
+  --rm-bg: #1e2022;
   --rm-text: rgba(255, 255, 255, 0.87);
   --rm-text-muted: rgba(235, 235, 235, 0.6);
   --rm-divider: rgba(84, 84, 84, 0.48);
   --rm-accent: #42d392;
   --rm-accent-strong: #42b883;
   --rm-inline-code-bg: #2f2f2f;
-  --rm-inline-code-text: #aac8e4;
-  --rm-code-bg: #242424;
+  --rm-inline-code-text: #f19a58;
+  --rm-code-bg: #263238;
   --rm-highlight-bg: rgba(255, 213, 0, 0.28);
 
-  --rm-sidebar-bg: #161618;
+  --rm-sidebar-bg: #191b1d;
   --rm-hover: rgba(255, 255, 255, 0.06);
   --rm-active: rgba(66, 211, 146, 0.16);
   --rm-warn-bg: #2f2716;
@@ -61,18 +61,18 @@
 @media (prefers-color-scheme: dark) {
   :root:where(:not([data-rm-color-mode])) {
     color-scheme: dark;
-    --rm-bg: #1a1a1a;
+    --rm-bg: #1e2022;
     --rm-text: rgba(255, 255, 255, 0.87);
     --rm-text-muted: rgba(235, 235, 235, 0.6);
     --rm-divider: rgba(84, 84, 84, 0.48);
     --rm-accent: #42d392;
     --rm-accent-strong: #42b883;
     --rm-inline-code-bg: #2f2f2f;
-    --rm-inline-code-text: #aac8e4;
-    --rm-code-bg: #242424;
+    --rm-inline-code-text: #f19a58;
+    --rm-code-bg: #263238;
     --rm-highlight-bg: rgba(255, 213, 0, 0.28);
 
-    --rm-sidebar-bg: #161618;
+    --rm-sidebar-bg: #191b1d;
     --rm-hover: rgba(255, 255, 255, 0.06);
     --rm-active: rgba(66, 211, 146, 0.16);
     --rm-warn-bg: #2f2716;
@@ -105,10 +105,10 @@ body {
   max-width: var(--rm-content-width);
   margin: 0 auto;
   padding: 32px 24px 40vh;
-  caret-color: var(--rm-accent-strong);
+  caret-color: #ff0000;
 }
 .cm-editor .cm-cursor {
-  border-left: 2px solid var(--rm-accent-strong);
+  border-left: 2px solid #ff0000;
 }
 .cm-editor .cm-selectionBackground,
 .cm-editor.cm-focused .cm-selectionBackground {
@@ -116,13 +116,12 @@ body {
 }
 
 /* 标题 */
-.cm-line.cm-rm-h1 { font-size: 2em; line-height: 1.3; padding-top: 0.6em; }
-.cm-line.cm-rm-h2 { font-size: 1.6em; line-height: 1.35; padding-top: 0.5em; }
-.cm-line.cm-rm-h3 { font-size: 1.3em; line-height: 1.4; padding-top: 0.4em; }
-.cm-line.cm-rm-h4 { font-size: 1.15em; padding-top: 0.3em; }
-.cm-line.cm-rm-h5,
-.cm-line.cm-rm-h6 { font-size: 1em; padding-top: 0.2em; }
-.cm-line.cm-rm-h6 { color: var(--rm-text-muted); }
+.cm-line:is(.cm-rm-h1, .cm-rm-h2, .cm-rm-h3, .cm-rm-h4, .cm-rm-h5, .cm-rm-h6) { line-height: 1.4; padding-top: 1rem; padding-bottom: 0.5rem; }
+.cm-line.cm-rm-h1 { font-size: 2.2em; line-height: 1.3; }
+.cm-line.cm-rm-h2 { font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid var(--rm-divider); }
+.cm-line.cm-rm-h3 { font-size: 1.4em; line-height: 1.43; }
+.cm-line.cm-rm-h4 { font-size: 1.2em; }
+.cm-line.cm-rm-h5, .cm-line.cm-rm-h6 { font-size: 1em; }
 
 /* Markdown 标记（激活行显示源码时） */
 .cm-rm-markup,
@@ -190,9 +189,9 @@ body {
 
 /* 引用 */
 .cm-line.cm-rm-quote {
-  border-left: 3px solid var(--rm-divider);
-  padding-left: 16px;
-  color: var(--rm-text-muted);
+  border-left: 4px solid #42b983;
+  padding: 5px 15px;
+  background: rgba(66, 185, 131, 0.1);
 }
 
 /* 列表 */