yunchan/d3ro-voice
1
0
Fork 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity Actions

refactor(ui): web/admin amber->main 치환 + theme.ts deprecated 별칭 제거 (WS-AMBER)

Browse source 
- 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
This commit is contained in:
Yun Chan 2026-07-22 02:37:32 +09:00
parent 988a222fda
commit efac690362
14 changed files with 21 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

4
apps/admin/src/app/login/page.tsx
View file

@ -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

2
apps/admin/src/components/audit-diff-viewer.tsx
View file

@ -56,7 +56,7 @@ function computeDiff(
const typeColors: Record<DiffEntry['type'], string> = {
added: d3roPalette.tag.green,
removed: d3roPalette.tag.red,
changed: d3roPalette.accent.amber,
changed: d3roPalette.accent.main,
unchanged: d3roPalette.text.muted,
}

4
apps/admin/src/components/charts/dau-chart.tsx
View file

@ -48,9 +48,9 @@ export function DauChart({ data }: DauChartProps): React.ReactElement {
<Line
type="monotone"
dataKey="active_users"
stroke={d3roPalette.accent.amber}
stroke={d3roPalette.accent.main}
strokeWidth={2}
dot={{ fill: d3roPalette.accent.amber, r: 3 }}
dot={{ fill: d3roPalette.accent.main, r: 3 }}
name="Active Users"
/>
</LineChart>

2
apps/admin/src/components/charts/feature-usage-chart.tsx
View file

@ -28,7 +28,7 @@ interface FeatureUsageChartProps {
}
const FEATURE_COLORS: Record<string, string> = {
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,

2
apps/admin/src/components/charts/top-users-chart.tsx
View file

@ -57,7 +57,7 @@ export function TopUsersChart({ data }: TopUsersChartProps): React.ReactElement
color: d3roPalette.text.primary,
}}
/>
<Bar dataKey="total" fill={d3roPalette.accent.amber} name="Total Calls" />
<Bar dataKey="total" fill={d3roPalette.accent.main} name="Total Calls" />
</BarChart>
</ResponsiveContainer>
</Box>

6
apps/admin/src/components/payment-history.tsx
View file

@ -63,7 +63,7 @@ export function PaymentHistory({ userId }: PaymentHistoryProps): React.ReactElem
if (loading) {
return (
<Box sx={{ display: 'flex', justifyContent: 'center', py: 4 }}>
<CircularProgress size={24} sx={{ color: d3roPalette.accent.amber }} />
<CircularProgress size={24} sx={{ color: d3roPalette.accent.main }} />
</Box>
)
}
@ -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
<Box component="span" sx={{ color: d3roPalette.text.muted, fontSize: 10 }}>
{new Date(log.created_at).toLocaleString()}
</Box>
<Box component="span" sx={{ color: d3roPalette.accent.amber }}>
<Box component="span" sx={{ color: d3roPalette.accent.main }}>
{log.action}
</Box>
</Box>

4
apps/web/src/app/(app)/billing/page.tsx
View file

@ -93,7 +93,7 @@ export default async function BillingPage(): Promise<React.ReactElement> {
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<React.ReactElement> {
p: 1.5,
bgcolor: d3roPalette.bg.inset,
borderRadius: 1,
color: d3roPalette.accent.amber,
color: d3roPalette.accent.main,
...typoSx('label'),
}}
>

2
apps/web/src/app/(app)/meetings/[id]/page.tsx
View file

@ -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
}}
>

4
apps/web/src/app/accept-invite/page.tsx
View file

@ -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
}}

2
apps/web/src/components/dashboard/meetings-trend-chart.tsx
View file

@ -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 }}

4
apps/web/src/components/layout/sidebar.tsx
View file

@ -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}`
}
}}
>
<ListItemIcon sx={{ color: active ? d3roPalette.accent.amber : d3roPalette.text.label }}>
<ListItemIcon sx={{ color: active ? d3roPalette.accent.main : d3roPalette.text.label }}>
{item.icon}
</ListItemIcon>
<ListItemText

4
apps/web/src/components/meetings/markdown-preview.tsx
View file

@ -86,7 +86,7 @@ export function MarkdownPreview({ content }: MarkdownPreviewProps): React.ReactE
'& p': { margin: '0.6em 0', color: d3roPalette.text.primary },
'& ul, & ol': { paddingLeft: '1.4em', margin: '0.6em 0' },
'& li': { margin: '0.25em 0' },
'& a': { color: d3roPalette.accent.amber, textDecoration: 'underline' },
'& a': { color: d3roPalette.accent.main, textDecoration: 'underline' },
'& code': {
bgcolor: d3roPalette.bg.inset,
px: 0.5,
@ -105,7 +105,7 @@ export function MarkdownPreview({ content }: MarkdownPreviewProps): React.ReactE
},
'& pre code': { bgcolor: 'transparent', padding: 0 },
'& blockquote': {
borderLeft: `3px solid ${d3roPalette.accent.amber}`,
borderLeft: `3px solid ${d3roPalette.accent.main}`,
margin: '0.8em 0',
paddingLeft: '1em',
color: d3roPalette.text.secondary

2
apps/web/src/components/record/mic-recorder.tsx
View file

@ -275,7 +275,7 @@ export function MicRecorder(): React.ReactElement {
sx={{
width: 8,
height: `${h * 100}%`,
bgcolor: d3roPalette.accent.amber,
bgcolor: d3roPalette.accent.main,
borderRadius: 1,
transition: state === 'recording' ? 'height 50ms linear' : 'height 200ms'
}}

4
packages/ui/src/theme.ts
View file

@ -383,10 +383,6 @@ export const d3roPalette = {
light: 'var(--d3-accent-light)',
dark: 'var(--d3-accent-dark)',
dim: 'var(--d3-accent-dim)',
/** @deprecated v2에서 main으로 개명 — 기존 사용처 호환용 별칭 */
amber: 'var(--d3-accent-main)',
amberDim: 'var(--d3-accent-dim)',
amberGlow: 'var(--d3-accent-glow)',
glow: 'var(--d3-accent-glow)',
},
/** v2: 글래스 표면 토큰 */