feat: 为行内代码块新增更明显的样式区别

Author: LarryZhu-dev

src/core/schema/index.ts

@@ -525,7 +525,7 @@ const code_inline: MarkSpec = {
   inclusive: false, // 新输入的文本不自动继承此 mark
   parseDOM: [{ tag: "code" }],
   toDOM(): DOMOutputSpec {
-    return ["code", 0];
+    return ["code", { class: "milkup-code-inline" }, 0];
   },
 };
 

src/core/styles/milkup.css

@@ -60,13 +60,51 @@
 }
 
 /* 行内代码 */
-.milkup-code-inline {
-  background: var(--background-color-2, #f5f5f5);
-  color: var(--primary-color, #e83e8c);
-  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
-  font-size: 0.9em;
-  padding: 0.2em 0.4em;
-  border-radius: 3px;
+.milkup-code-inline,
+.milkup-editor code {
+  display: inline-block;
+  vertical-align: baseline;
+  background: linear-gradient(
+    180deg,
+    var(--background-color-3, #eaecef) 0%,
+    var(--hover-background-color, rgba(94, 129, 172, 0.1)) 100%
+  );
+  color: var(--text-color-1, #333);
+  font-family: var(--milkup-font-code), 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo,
+    monospace;
+  font-size: calc(var(--milkup-font-size-code, 16px) * 0.875);
+  font-weight: 600;
+  line-height: 1.2;
+  padding: 0.16em 0.5em;
+  margin: 0 0.08em;
+  border: 1px solid var(--border-color-1, #d1d5da);
+  border-radius: 6px;
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.08),
+    0 1px 2px rgba(0, 0, 0, 0.08);
+  word-break: break-word;
+}
+
+.milkup-syntax .milkup-code-inline,
+.milkup-syntax-visible .milkup-code-inline,
+.milkup-syntax-marker .milkup-code-inline,
+.milkup-editor code.milkup-syntax,
+.milkup-editor code.milkup-syntax-visible,
+.milkup-editor code.milkup-syntax-marker {
+  display: inline;
+  vertical-align: baseline;
+  background: transparent;
+  color: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  word-break: normal;
 }
 
 /* 删除线 */