From 52c6b51e61e90b93b47cc0d9dd2df848336f029b Mon Sep 17 00:00:00 2001 From: "hehihoho3@gmail.com" Date: Sat, 13 Jun 2026 06:07:51 +0900 Subject: [PATCH] feat(ui): roll out light/dark theme to board, publish, rework, discover, etc. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - board: tokenized kanban columns/cards; page-header + 사용법 modal (drag guide) - publish: tokenized table/tabs; accent tab-active; page-header + 사용법 modal - rework: tokenized the many dark-assuming inline styles so the editor renders correctly in the light theme - discover/channels/production/channel_detail: tokenized dark-assuming colors (white text, translucent-white surfaces, #1e1e2d) for light-theme readability Verified board/publish/rework/discover render cleanly in light. Co-Authored-By: Claude Opus 4.8 (1M context) --- src/main/resources/templates/board.html | 67 ++++++++++++++---- .../resources/templates/channel_detail.html | 8 +-- src/main/resources/templates/channels.html | 14 ++-- src/main/resources/templates/discover.html | 12 ++-- src/main/resources/templates/production.html | 4 +- src/main/resources/templates/publish.html | 69 ++++++++++++++----- src/main/resources/templates/rework.html | 26 +++---- 7 files changed, 136 insertions(+), 64 deletions(-) diff --git a/src/main/resources/templates/board.html b/src/main/resources/templates/board.html index d45eada..c5c4247 100644 --- a/src/main/resources/templates/board.html +++ b/src/main/resources/templates/board.html @@ -8,29 +8,51 @@
-
+
-

작업 보드

-

카드를 드래그해 단계를 옮기세요. 수집 → 검토 → 작업대상 → 완료.

+

칸반 보드

+

카드를 드래그해 단계를 옮기세요. 수집 → 검토 → 작업대상 → 완료.

- -
+
+ + +
+
+ + +
diff --git a/src/main/resources/templates/channel_detail.html b/src/main/resources/templates/channel_detail.html index ea236cd..72a401f 100644 --- a/src/main/resources/templates/channel_detail.html +++ b/src/main/resources/templates/channel_detail.html @@ -70,7 +70,7 @@
- + @@ -315,10 +315,10 @@ options: { responsive: true, maintainAspectRatio: false, interaction: { mode: 'index', intersect: false }, - plugins: { legend: { labels: { color: '#cbd5e1' } } }, + plugins: { legend: { labels: { color: 'var(--text-2)' } } }, scales: { - x: { ticks: { color: '#94a3b8' }, grid: { color: 'rgba(255,255,255,0.05)' } }, - y: { position: 'left', ticks: { color: '#a78bfa' }, grid: { color: 'rgba(255,255,255,0.05)' }, title: { display: true, text: '구독자', color: '#a78bfa' } }, + x: { ticks: { color: '#94a3b8' }, grid: { color: 'var(--surface-2)' } }, + y: { position: 'left', ticks: { color: '#a78bfa' }, grid: { color: 'var(--surface-2)' }, title: { display: true, text: '구독자', color: '#a78bfa' } }, y1: { position: 'right', ticks: { color: '#34d399' }, grid: { drawOnChartArea: false }, title: { display: true, text: '조회수', color: '#34d399' } } } } diff --git a/src/main/resources/templates/channels.html b/src/main/resources/templates/channels.html index dd66db8..e2d5758 100644 --- a/src/main/resources/templates/channels.html +++ b/src/main/resources/templates/channels.html @@ -40,13 +40,13 @@ onchange="updateSelectedCount(); event.stopPropagation();">
- +
@@ -75,13 +75,13 @@
+ style="background: var(--surface-2); border-radius: 8px; text-align: center;">
Videos
450
+ style="background: var(--surface-2); border-radius: 8px; text-align: center;">
Total Views
45K
@@ -224,8 +224,8 @@ } else { card.style.borderColor = 'var(--glass-border)'; card.style.background = 'var(--glass-bg)'; - customCb.style.background = 'rgba(255,255,255,0.05)'; - customCb.style.borderColor = 'rgba(255,255,255,0.2)'; + customCb.style.background = 'var(--surface-2)'; + customCb.style.borderColor = 'var(--border-strong)'; checkIcon.style.display = 'none'; } }); diff --git a/src/main/resources/templates/discover.html b/src/main/resources/templates/discover.html index c0af999..f91b9e7 100644 --- a/src/main/resources/templates/discover.html +++ b/src/main/resources/templates/discover.html @@ -67,7 +67,7 @@
Video Script
- + @@ -89,7 +89,7 @@
썸네일 제목