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()} onClick={() => void handleGoogleLogin()}
fullWidth fullWidth
sx={{ sx={{
bgcolor: d3roPalette.accent.amber, bgcolor: d3roPalette.accent.main,
color: d3roPalette.bg.app, color: d3roPalette.bg.app,
fontWeight: 600, fontWeight: 600,
'&:hover': { bgcolor: d3roPalette.accent.amber, filter: 'brightness(1.1)' }, '&:hover': { bgcolor: d3roPalette.accent.main, filter: 'brightness(1.1)' },
}} }}
> >
Sign in with Google 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> = { const typeColors: Record<DiffEntry['type'], string> = {
added: d3roPalette.tag.green, added: d3roPalette.tag.green,
removed: d3roPalette.tag.red, removed: d3roPalette.tag.red,
changed: d3roPalette.accent.amber, changed: d3roPalette.accent.main,
unchanged: d3roPalette.text.muted, 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 <Line
type="monotone" type="monotone"
dataKey="active_users" dataKey="active_users"
stroke={d3roPalette.accent.amber} stroke={d3roPalette.accent.main}
strokeWidth={2} strokeWidth={2}
dot={{ fill: d3roPalette.accent.amber, r: 3 }} dot={{ fill: d3roPalette.accent.main, r: 3 }}
name="Active Users" name="Active Users"
/> />
</LineChart> </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> = { const FEATURE_COLORS: Record<string, string> = {
llm_haiku: d3roPalette.accent.amber, llm_haiku: d3roPalette.accent.main,
llm_sonnet: d3roPalette.tag.green, llm_sonnet: d3roPalette.tag.green,
llm_opus: d3roPalette.tag.purple, llm_opus: d3roPalette.tag.purple,
stt_transcribe: d3roPalette.tag.blue, 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, 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> </BarChart>
</ResponsiveContainer> </ResponsiveContainer>
</Box> </Box>

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

@ -63,7 +63,7 @@ export function PaymentHistory({ userId }: PaymentHistoryProps): React.ReactElem
if (loading) { if (loading) {
return ( return (
<Box sx={{ display: 'flex', justifyContent: 'center', py: 4 }}> <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> </Box>
) )
} }
@ -135,7 +135,7 @@ export function PaymentHistory({ userId }: PaymentHistoryProps): React.ReactElem
sx={{ sx={{
fontFamily: d3roFontMono, fontFamily: d3roFontMono,
fontSize: d3roTypo.small.size, fontSize: d3roTypo.small.size,
borderLeft: `2px solid ${d3roPalette.accent.amber}`, borderLeft: `2px solid ${d3roPalette.accent.main}`,
pl: 1.5, pl: 1.5,
py: 0.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 }}> <Box component="span" sx={{ color: d3roPalette.text.muted, fontSize: 10 }}>
{new Date(log.created_at).toLocaleString()} {new Date(log.created_at).toLocaleString()}
</Box> </Box>
<Box component="span" sx={{ color: d3roPalette.accent.amber }}> <Box component="span" sx={{ color: d3roPalette.accent.main }}>
{log.action} {log.action}
</Box> </Box>
</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, p: 4,
height: '100%', height: '100%',
border: active border: active
? `2px solid ${d3roPalette.accent.amber}` ? `2px solid ${d3roPalette.accent.main}`
: plan.highlight : plan.highlight
? `2px solid ${d3roPalette.tag.purple}` ? `2px solid ${d3roPalette.tag.purple}`
: undefined, : undefined,
@ -124,7 +124,7 @@ export default async function BillingPage(): Promise<React.ReactElement> {
p: 1.5, p: 1.5,
bgcolor: d3roPalette.bg.inset, bgcolor: d3roPalette.bg.inset,
borderRadius: 1, borderRadius: 1,
color: d3roPalette.accent.amber, color: d3roPalette.accent.main,
...typoSx('label'), ...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} key={memo.id}
sx={{ sx={{
p: 1.5, p: 1.5,
borderLeft: `3px solid ${d3roPalette.accent.amber}`, borderLeft: `3px solid ${d3roPalette.accent.main}`,
bgcolor: d3roPalette.bg.inset 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" component="a"
href="/dashboard" href="/dashboard"
sx={{ sx={{
color: d3roPalette.accent.amber, color: d3roPalette.accent.main,
textDecoration: 'none', textDecoration: 'none',
fontSize: 13 fontSize: 13
}} }}
@ -161,7 +161,7 @@ function AcceptInviteInner(): React.ReactElement {
component="a" component="a"
href="/login" href="/login"
sx={{ sx={{
color: d3roPalette.accent.amber, color: d3roPalette.accent.main,
textDecoration: 'none', textDecoration: 'none',
fontSize: 13 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" type="monotone"
dataKey="meetings" dataKey="meetings"
name="Meetings" name="Meetings"
stroke={d3roPalette.accent.amber} stroke={d3roPalette.accent.main}
strokeWidth={2} strokeWidth={2}
dot={{ r: 3 }} dot={{ r: 3 }}
activeDot={{ r: 5 }} activeDot={{ r: 5 }}

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

@ -136,11 +136,11 @@ export function Sidebar(): React.ReactElement {
sx={{ sx={{
'&.Mui-selected': { '&.Mui-selected': {
bgcolor: d3roPalette.bg.inset, 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} {item.icon}
</ListItemIcon> </ListItemIcon>
<ListItemText <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 }, '& p': { margin: '0.6em 0', color: d3roPalette.text.primary },
'& ul, & ol': { paddingLeft: '1.4em', margin: '0.6em 0' }, '& ul, & ol': { paddingLeft: '1.4em', margin: '0.6em 0' },
'& li': { margin: '0.25em 0' }, '& li': { margin: '0.25em 0' },
'& a': { color: d3roPalette.accent.amber, textDecoration: 'underline' }, '& a': { color: d3roPalette.accent.main, textDecoration: 'underline' },
'& code': { '& code': {
bgcolor: d3roPalette.bg.inset, bgcolor: d3roPalette.bg.inset,
px: 0.5, px: 0.5,
@ -105,7 +105,7 @@ export function MarkdownPreview({ content }: MarkdownPreviewProps): React.ReactE
}, },
'& pre code': { bgcolor: 'transparent', padding: 0 }, '& pre code': { bgcolor: 'transparent', padding: 0 },
'& blockquote': { '& blockquote': {
borderLeft: `3px solid ${d3roPalette.accent.amber}`, borderLeft: `3px solid ${d3roPalette.accent.main}`,
margin: '0.8em 0', margin: '0.8em 0',
paddingLeft: '1em', paddingLeft: '1em',
color: d3roPalette.text.secondary 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={{ sx={{
width: 8, width: 8,
height: `${h * 100}%`, height: `${h * 100}%`,
bgcolor: d3roPalette.accent.amber, bgcolor: d3roPalette.accent.main,
borderRadius: 1, borderRadius: 1,
transition: state === 'recording' ? 'height 50ms linear' : 'height 200ms' 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)', light: 'var(--d3-accent-light)',
dark: 'var(--d3-accent-dark)', dark: 'var(--d3-accent-dark)',
dim: 'var(--d3-accent-dim)', 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)', glow: 'var(--d3-accent-glow)',
}, },
/** v2: 글래스 표면 토큰 */ /** v2: 글래스 표면 토큰 */