게시물 라이브 편집 블록 동작 개선

lib/markdown-callout.js

@@ -16,6 +16,16 @@ export const QUOTE_BACKGROUND_LABELS = {
 
 /** @type {Record<string, string>} */
 export const QUOTE_BACKGROUND_SWATCHES = {
+  gray: '#050505',
+  blue: '#0055ff',
+  green: '#16ae68',
+  yellow: '#ffff00',
+  red: '#ff0000',
+  purple: '#8800ff'
+}
+
+/** @type {Record<string, string>} */
+export const CALLOUT_BACKGROUND_SWATCHES = {
   gray: 'color-mix(in srgb, #050505 10%, #ffffff)',
   blue: 'color-mix(in srgb, #0055ff 10%, #ffffff)',
   green: 'color-mix(in srgb, #16ae68 10%, #ffffff)',
@@ -24,9 +34,6 @@ export const QUOTE_BACKGROUND_SWATCHES = {
   purple: 'color-mix(in srgb, #8800ff 10%, #ffffff)'
 }
 
-/** @type {Record<string, string>} */
-export const CALLOUT_BACKGROUND_SWATCHES = QUOTE_BACKGROUND_SWATCHES
-
 /** @type {string[]} */
 export const CALLOUT_EMOJI_OPTIONS = ['💡', '⚠️', '❗', '✅', '📌', '🔥', '💬']