|
140 | 140 | activationBorderColor: '#a78bfa',
|
141 | 141 |
|
142 | 142 | // 간트 차트 (개선된 텍스트 가시성)
|
143 |
| - gridColor: '#6b7280', |
| 143 | + gridColor: '#4b5563', |
144 | 144 | section0: '#a78bfa',
|
145 | 145 | section1: '#c084fc',
|
146 | 146 | section2: '#fbbf24',
|
147 | 147 | section3: '#34d399',
|
148 | 148 | cScale0: '#a78bfa',
|
149 | 149 | cScale1: '#c084fc',
|
150 | 150 | cScale2: '#fbbf24',
|
151 |
| - taskBkgColor: 'rgba(167, 139, 250, 0.8)', |
| 151 | + taskBkgColor: '#6366f1', |
152 | 152 | taskTextColor: '#ffffff',
|
153 | 153 | taskTextOutsideColor: '#ffffff',
|
154 | 154 | taskTextLightColor: '#ffffff',
|
155 | 155 | taskTextDarkColor: '#1a202c',
|
156 |
| - activeTaskBkgColor: '#c084fc', |
| 156 | + activeTaskBkgColor: '#8b5cf6', |
157 | 157 | activeTaskBorderColor: '#a78bfa',
|
158 |
| - gridColor: '#4b5563', |
159 | 158 | todayLineColor: '#fbbf24',
|
160 | 159 |
|
161 | 160 | // 파이 차트
|
|
221 | 220 | cScale0: '#667eea',
|
222 | 221 | cScale1: '#764ba2',
|
223 | 222 | cScale2: '#f093fb',
|
224 |
| - taskBkgColor: 'rgba(102, 126, 234, 0.8)', |
| 223 | + taskBkgColor: '#4f46e5', |
225 | 224 | taskTextColor: '#ffffff',
|
226 | 225 | taskTextOutsideColor: '#2d3748',
|
227 | 226 | taskTextLightColor: '#2d3748',
|
228 | 227 | taskTextDarkColor: '#ffffff',
|
229 |
| - activeTaskBkgColor: '#764ba2', |
| 228 | + activeTaskBkgColor: '#6d28d9', |
230 | 229 | activeTaskBorderColor: '#667eea',
|
231 | 230 | todayLineColor: '#f59e0b',
|
232 | 231 | section0: '#667eea',
|
|
435 | 434 | .mermaid .nodeLabel {
|
436 | 435 | color: #ffffff !important;
|
437 | 436 | font-weight: 600 !important;
|
438 |
| - text-shadow: 1px 1px 2px rgba(0,0,0,0.3); |
439 | 437 | }
|
440 | 438 |
|
441 | 439 | /* 시퀀스 다이어그램 텍스트 강화 */
|
|
467 | 465 | .mermaid .taskText3 {
|
468 | 466 | font-weight: 600 !important;
|
469 | 467 | fill: #ffffff !important;
|
470 |
| - text-shadow: 1px 1px 2px rgba(0,0,0,0.5); |
471 | 468 | }
|
472 | 469 |
|
473 | 470 | .mermaid .gridLabel {
|
|
485 | 482 | font-weight: 600 !important;
|
486 | 483 | }
|
487 | 484 |
|
| 485 | + /* 노드 배경 강화로 텍스트 가독성 향상 */ |
| 486 | + .mermaid .node rect, |
| 487 | + .mermaid .node circle, |
| 488 | + .mermaid .node polygon { |
| 489 | + opacity: 0.95 !important; |
| 490 | + } |
| 491 | + |
| 492 | + /* 에지 라벨 배경 추가 */ |
| 493 | + .mermaid .edgeLabel rect { |
| 494 | + fill: var(--background, #ffffff) !important; |
| 495 | + stroke: var(--border, #e2e8f0) !important; |
| 496 | + stroke-width: 1px !important; |
| 497 | + opacity: 0.9 !important; |
| 498 | + } |
| 499 | + |
488 | 500 | /* 그라데이션 정의 */
|
489 | 501 | .mermaid svg defs {
|
490 | 502 | background: transparent;
|
|
563 | 575 | fill: #f7fafc !important;
|
564 | 576 | }
|
565 | 577 |
|
| 578 | + /* 다크모드 에지 라벨 배경 */ |
| 579 | + [data-theme="dark"] .mermaid .edgeLabel rect, |
| 580 | + .dark .mermaid .edgeLabel rect { |
| 581 | + fill: var(--dark-surface, #1a202c) !important; |
| 582 | + stroke: var(--border, #4a5568) !important; |
| 583 | + } |
| 584 | + |
566 | 585 | @media (prefers-color-scheme: dark) {
|
567 | 586 | .mermaid {
|
568 | 587 | border: 1px solid rgba(139, 124, 248, 0.3);
|
|
595 | 614 | .mermaid .gridLabel {
|
596 | 615 | fill: #f7fafc !important;
|
597 | 616 | }
|
| 617 | + |
| 618 | + .mermaid .edgeLabel rect { |
| 619 | + fill: var(--dark-surface, #1a202c) !important; |
| 620 | + stroke: var(--border, #4a5568) !important; |
| 621 | + } |
598 | 622 | }
|
599 | 623 |
|
600 | 624 | /* 반응형 대응 */
|
|
0 commit comments