인라인 텍스트 색상 패널 추가

components/content/ContentMarkdownEditableInline.vue

@@ -1540,4 +1540,48 @@ defineExpose({ focusEditor, readEditorValue })
   font-size: 0.9em;
   color: #fff;
 }
+
+.content-markdown-editable-inline :deep([data-inline-color='gray']) {
+  color: var(--site-muted);
+}
+
+.content-markdown-editable-inline :deep([data-inline-color='blue']) {
+  color: #0055ff;
+}
+
+.content-markdown-editable-inline :deep([data-inline-color='green']) {
+  color: #16ae68;
+}
+
+.content-markdown-editable-inline :deep([data-inline-color='yellow']) {
+  color: #a16207;
+}
+
+.content-markdown-editable-inline :deep([data-inline-color='red']) {
+  color: #e60000;
+}
+
+.content-markdown-editable-inline :deep([data-inline-color='purple']) {
+  color: #8800ff;
+}
+
+:global(html[data-theme='dark']) .content-markdown-editable-inline :deep([data-inline-color='blue']) {
+  color: #7aa2ff;
+}
+
+:global(html[data-theme='dark']) .content-markdown-editable-inline :deep([data-inline-color='green']) {
+  color: #5ee0a0;
+}
+
+:global(html[data-theme='dark']) .content-markdown-editable-inline :deep([data-inline-color='yellow']) {
+  color: #facc15;
+}
+
+:global(html[data-theme='dark']) .content-markdown-editable-inline :deep([data-inline-color='red']) {
+  color: #ff6b6b;
+}
+
+:global(html[data-theme='dark']) .content-markdown-editable-inline :deep([data-inline-color='purple']) {
+  color: #c084fc;
+}
 </style>