콜아웃 색상과 모바일 설정 패널 정리

components/admin/AdminEditorBlockPanel.vue

@@ -2,6 +2,7 @@
 import { getImageAltAttribute, getImageDefaultAltLabel } from '../../lib/markdown-image.js'
 import {
   CALLOUT_BACKGROUND_OPTIONS,
+  CALLOUT_BACKGROUND_SWATCHES,
   CALLOUT_EMOJI_OPTIONS,
   QUOTE_BACKGROUND_LABELS,
   QUOTE_BACKGROUND_OPTIONS,
@@ -42,18 +43,11 @@ const backgroundLabels = {
   green: '초록',
   yellow: '노랑',
   red: '빨강',
-  purple: '보라',
-  pink: '분홍'
+  purple: '보라'
 }
 
 const backgroundSwatches = {
-  gray: 'rgba(100,116,139,0.28)',
-  blue: 'rgba(59,130,246,0.3)',
-  green: 'rgba(34,197,94,0.3)',
-  yellow: 'rgba(245,158,11,0.34)',
-  red: 'rgba(239,68,68,0.3)',
-  purple: 'rgba(168,85,247,0.3)',
-  pink: 'rgba(236,72,153,0.28)'
+  ...CALLOUT_BACKGROUND_SWATCHES
 }
 
 const languageOptions = ['', 'javascript', 'html', 'css', 'vue', 'json', 'bash', 'markdown', 'sql']