From efac69036244565c7be14f0103ffee405eb527ad Mon Sep 17 00:00:00 2001 From: Yun Chan Date: Wed, 22 Jul 2026 02:37:32 +0900 Subject: [PATCH] =?UTF-8?q?refactor(ui):=20web/admin=20amber->main=20?= =?UTF-8?q?=EC=B9=98=ED=99=98=20+=20theme.ts=20deprecated=20=EB=B3=84?= =?UTF-8?q?=EC=B9=AD=20=EC=A0=9C=EA=B1=B0=20(WS-AMBER)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - apps/web 11건 + apps/admin 10건 accent.amber->main 치환 - packages/ui/src/theme.ts에서 amber/amberDim/amberGlow @deprecated 별칭 제거 (본체 main/dim/glow 유지). 전 모노레포 amber 잔여 0건 확인. SKIP: site/src/tokens.ts(별도 토큰 계통, d3roPalette 비의존) 정책: docs/REFACTOR_POLICY.md DP1, 이식 인사이트 P7 --- apps/admin/src/app/login/page.tsx | 4 ++-- apps/admin/src/components/audit-diff-viewer.tsx | 2 +- apps/admin/src/components/charts/dau-chart.tsx | 4 ++-- apps/admin/src/components/charts/feature-usage-chart.tsx | 2 +- apps/admin/src/components/charts/top-users-chart.tsx | 2 +- apps/admin/src/components/payment-history.tsx | 6 +++--- apps/web/src/app/(app)/billing/page.tsx | 4 ++-- apps/web/src/app/(app)/meetings/[id]/page.tsx | 2 +- apps/web/src/app/accept-invite/page.tsx | 4 ++-- apps/web/src/components/dashboard/meetings-trend-chart.tsx | 2 +- apps/web/src/components/layout/sidebar.tsx | 4 ++-- apps/web/src/components/meetings/markdown-preview.tsx | 4 ++-- apps/web/src/components/record/mic-recorder.tsx | 2 +- packages/ui/src/theme.ts | 4 ---- 14 files changed, 21 insertions(+), 25 deletions(-) diff --git a/apps/admin/src/app/login/page.tsx b/apps/admin/src/app/login/page.tsx index 19d27f1..9fa92fe 100644 --- a/apps/admin/src/app/login/page.tsx +++ b/apps/admin/src/app/login/page.tsx @@ -31,10 +31,10 @@ export default function AdminLoginPage(): React.ReactElement { onClick={() => void handleGoogleLogin()} fullWidth sx={{ - bgcolor: d3roPalette.accent.amber, + bgcolor: d3roPalette.accent.main, color: d3roPalette.bg.app, fontWeight: 600, - '&:hover': { bgcolor: d3roPalette.accent.amber, filter: 'brightness(1.1)' }, + '&:hover': { bgcolor: d3roPalette.accent.main, filter: 'brightness(1.1)' }, }} > Sign in with Google diff --git a/apps/admin/src/components/audit-diff-viewer.tsx b/apps/admin/src/components/audit-diff-viewer.tsx index 29b446a..27e27fd 100644 --- a/apps/admin/src/components/audit-diff-viewer.tsx +++ b/apps/admin/src/components/audit-diff-viewer.tsx @@ -56,7 +56,7 @@ function computeDiff( const typeColors: Record = { added: d3roPalette.tag.green, removed: d3roPalette.tag.red, - changed: d3roPalette.accent.amber, + changed: d3roPalette.accent.main, unchanged: d3roPalette.text.muted, } diff --git a/apps/admin/src/components/charts/dau-chart.tsx b/apps/admin/src/components/charts/dau-chart.tsx index 8cfc73f..b71d617 100644 --- a/apps/admin/src/components/charts/dau-chart.tsx +++ b/apps/admin/src/components/charts/dau-chart.tsx @@ -48,9 +48,9 @@ export function DauChart({ data }: DauChartProps): React.ReactElement { diff --git a/apps/admin/src/components/charts/feature-usage-chart.tsx b/apps/admin/src/components/charts/feature-usage-chart.tsx index 64a97ff..013dc3f 100644 --- a/apps/admin/src/components/charts/feature-usage-chart.tsx +++ b/apps/admin/src/components/charts/feature-usage-chart.tsx @@ -28,7 +28,7 @@ interface FeatureUsageChartProps { } const FEATURE_COLORS: Record = { - llm_haiku: d3roPalette.accent.amber, + llm_haiku: d3roPalette.accent.main, llm_sonnet: d3roPalette.tag.green, llm_opus: d3roPalette.tag.purple, stt_transcribe: d3roPalette.tag.blue, diff --git a/apps/admin/src/components/charts/top-users-chart.tsx b/apps/admin/src/components/charts/top-users-chart.tsx index 9d5f899..9f97e09 100644 --- a/apps/admin/src/components/charts/top-users-chart.tsx +++ b/apps/admin/src/components/charts/top-users-chart.tsx @@ -57,7 +57,7 @@ export function TopUsersChart({ data }: TopUsersChartProps): React.ReactElement color: d3roPalette.text.primary, }} /> - + diff --git a/apps/admin/src/components/payment-history.tsx b/apps/admin/src/components/payment-history.tsx index b537dae..bbedda4 100644 --- a/apps/admin/src/components/payment-history.tsx +++ b/apps/admin/src/components/payment-history.tsx @@ -63,7 +63,7 @@ export function PaymentHistory({ userId }: PaymentHistoryProps): React.ReactElem if (loading) { return ( - + ) } @@ -135,7 +135,7 @@ export function PaymentHistory({ userId }: PaymentHistoryProps): React.ReactElem sx={{ fontFamily: d3roFontMono, fontSize: d3roTypo.small.size, - borderLeft: `2px solid ${d3roPalette.accent.amber}`, + borderLeft: `2px solid ${d3roPalette.accent.main}`, pl: 1.5, py: 0.5, }} @@ -144,7 +144,7 @@ export function PaymentHistory({ userId }: PaymentHistoryProps): React.ReactElem {new Date(log.created_at).toLocaleString()} - + {log.action} diff --git a/apps/web/src/app/(app)/billing/page.tsx b/apps/web/src/app/(app)/billing/page.tsx index 3c297ce..087fc96 100644 --- a/apps/web/src/app/(app)/billing/page.tsx +++ b/apps/web/src/app/(app)/billing/page.tsx @@ -93,7 +93,7 @@ export default async function BillingPage(): Promise { p: 4, height: '100%', border: active - ? `2px solid ${d3roPalette.accent.amber}` + ? `2px solid ${d3roPalette.accent.main}` : plan.highlight ? `2px solid ${d3roPalette.tag.purple}` : undefined, @@ -124,7 +124,7 @@ export default async function BillingPage(): Promise { p: 1.5, bgcolor: d3roPalette.bg.inset, borderRadius: 1, - color: d3roPalette.accent.amber, + color: d3roPalette.accent.main, ...typoSx('label'), }} > diff --git a/apps/web/src/app/(app)/meetings/[id]/page.tsx b/apps/web/src/app/(app)/meetings/[id]/page.tsx index 24dffb1..5b9f9ad 100644 --- a/apps/web/src/app/(app)/meetings/[id]/page.tsx +++ b/apps/web/src/app/(app)/meetings/[id]/page.tsx @@ -111,7 +111,7 @@ export default async function MeetingDetailPage({ params }: PageProps): Promise< key={memo.id} sx={{ p: 1.5, - borderLeft: `3px solid ${d3roPalette.accent.amber}`, + borderLeft: `3px solid ${d3roPalette.accent.main}`, bgcolor: d3roPalette.bg.inset }} > diff --git a/apps/web/src/app/accept-invite/page.tsx b/apps/web/src/app/accept-invite/page.tsx index bbb86f0..9c3f0ea 100644 --- a/apps/web/src/app/accept-invite/page.tsx +++ b/apps/web/src/app/accept-invite/page.tsx @@ -142,7 +142,7 @@ function AcceptInviteInner(): React.ReactElement { component="a" href="/dashboard" sx={{ - color: d3roPalette.accent.amber, + color: d3roPalette.accent.main, textDecoration: 'none', fontSize: 13 }} @@ -161,7 +161,7 @@ function AcceptInviteInner(): React.ReactElement { component="a" href="/login" sx={{ - color: d3roPalette.accent.amber, + color: d3roPalette.accent.main, textDecoration: 'none', fontSize: 13 }} diff --git a/apps/web/src/components/dashboard/meetings-trend-chart.tsx b/apps/web/src/components/dashboard/meetings-trend-chart.tsx index e3bb255..3c884b9 100644 --- a/apps/web/src/components/dashboard/meetings-trend-chart.tsx +++ b/apps/web/src/components/dashboard/meetings-trend-chart.tsx @@ -62,7 +62,7 @@ export function MeetingsTrendChart({ points }: MeetingsTrendChartProps): React.R type="monotone" dataKey="meetings" name="Meetings" - stroke={d3roPalette.accent.amber} + stroke={d3roPalette.accent.main} strokeWidth={2} dot={{ r: 3 }} activeDot={{ r: 5 }} diff --git a/apps/web/src/components/layout/sidebar.tsx b/apps/web/src/components/layout/sidebar.tsx index dd67355..246266a 100644 --- a/apps/web/src/components/layout/sidebar.tsx +++ b/apps/web/src/components/layout/sidebar.tsx @@ -136,11 +136,11 @@ export function Sidebar(): React.ReactElement { sx={{ '&.Mui-selected': { bgcolor: d3roPalette.bg.inset, - borderLeft: `3px solid ${d3roPalette.accent.amber}` + borderLeft: `3px solid ${d3roPalette.accent.main}` } }} > - + {item.icon}