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

refactor(ui): deprecated accent.amber->main 91건 + 매직 리터럴 토큰화 (WS3)

Browse source 
- accent.amber/amberDim/amberGlow -> accent.main/dim/glow 91건 (34파일).
  theme.ts의 @deprecated 별칭 참조 제거 (본체 main 사용).
- inline fontSize/fontWeight -> d3roTypo, borderRadius -> d3roRadius 토큰 37건.
- P4: 화면 고유 수치(스탯 fontSize, 레이아웃 width)는 토큰화 제외.
정책: docs/REFACTOR_POLICY.md DP1, 이식 인사이트 P4
This commit is contained in:
Yun Chan 2026-07-22 01:54:37 +09:00
parent aef44289a5
commit 078304dda9
28 changed files with 125 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

8
apps/desktop/src/renderer/components/meeting/AddDocumentDialog.tsx
View file

@ -95,7 +95,7 @@ export function AddDocumentDialog({
height: 4,
borderRadius: 2,
bgcolor: d3roPalette.bg.inset,
'& .MuiLinearProgress-bar': { bgcolor: d3roPalette.accent.amber },
'& .MuiLinearProgress-bar': { bgcolor: d3roPalette.accent.main },
}}
/>
<PhosphorText variant="dim" sx={{ fontSize: 11, mt: 0.5 }}>
@ -115,12 +115,12 @@ export function AddDocumentDialog({
opacity: generating ? 0.6 : 1,
border:
selectedId === tp.id
? `2px solid ${d3roPalette.accent.amber}`
? `2px solid ${d3roPalette.accent.main}`
: `2px solid transparent`,
borderRadius: d3roRadius.inner,
transition: 'border-color 0.15s',
'&:hover': {
borderColor: generating ? undefined : d3roPalette.accent.amberDim,
borderColor: generating ? undefined : d3roPalette.accent.dim,
},
}}
>
@ -182,7 +182,7 @@ export function AddDocumentDialog({
sx={{
height: 36,
fontSize: d3roTypo.engrave.size,
color: d3roPalette.accent.amber,
color: d3roPalette.accent.main,
}}
>
{generating ? t('meeting.generating') : t('meeting.generate')}

2
apps/desktop/src/renderer/components/meeting/EditableSegment.tsx
View file

@ -146,7 +146,7 @@ export function EditableSegment({
? {}
: {
color: d3roPalette.text.primary,
borderBottomColor: edited ? d3roPalette.accent.amber : undefined,
borderBottomColor: edited ? d3roPalette.accent.main : undefined,
bgcolor: edited ? undefined : d3roPalette.bg.elevated,
},
}}

4
apps/desktop/src/renderer/components/meeting/ExportMenu.tsx
View file

@ -84,7 +84,7 @@ export function ExportMenu({ onExport, onCopyToClipboard }: ExportMenuProps): Re
color: d3roPalette.text.primary,
'&:hover': {
bgcolor: d3roPalette.bg.cardHover,
color: d3roPalette.accent.amber,
color: d3roPalette.accent.main,
},
}}
>
@ -100,7 +100,7 @@ export function ExportMenu({ onExport, onCopyToClipboard }: ExportMenuProps): Re
color: d3roPalette.text.primary,
'&:hover': {
bgcolor: d3roPalette.bg.cardHover,
color: d3roPalette.accent.amber,
color: d3roPalette.accent.main,
},
}}
>

2
apps/desktop/src/renderer/components/meeting/MarkdownEditor.tsx
View file

@ -72,7 +72,7 @@ export function MarkdownEditor({
lineHeight: 1.7,
boxSizing: 'border-box',
'&:focus': {
borderColor: d3roPalette.accent.amber,
borderColor: d3roPalette.accent.main,
},
}}
/>

8
apps/desktop/src/renderer/components/meeting/MarkdownRenderer.tsx
View file

@ -18,7 +18,7 @@ const components: Components = {
sx={{
fontSize: d3roTypo.value.size,
fontWeight: 600,
color: d3roPalette.accent.amber,
color: d3roPalette.accent.main,
mt: 2,
mb: 1,
borderBottom: `1px solid ${d3roPalette.border.default}`,
@ -90,7 +90,7 @@ const components: Components = {
sx={{
fontFamily: d3roFontMono,
fontSize: d3roTypo.compact.size,
color: d3roPalette.accent.amber,
color: d3roPalette.accent.main,
}}
>
{children}
@ -104,7 +104,7 @@ const components: Components = {
sx={{
fontFamily: d3roFontMono,
fontSize: d3roTypo.compact.size,
color: d3roPalette.accent.amber,
color: d3roPalette.accent.main,
bgcolor: d3roPalette.bg.inset,
px: 0.5,
py: 0.25,
@ -174,7 +174,7 @@ const components: Components = {
<Box
component="blockquote"
sx={{
borderLeft: `3px solid ${d3roPalette.accent.amber}`,
borderLeft: `3px solid ${d3roPalette.accent.main}`,
pl: 1.5,
ml: 0,
my: 0.75,

14
apps/desktop/src/renderer/components/meeting/MeetingChatPanel.tsx
View file

@ -38,7 +38,7 @@ function TypingIndicator(): React.ReactElement {
width: 4,
height: 4,
borderRadius: '50%',
bgcolor: d3roPalette.accent.amber,
bgcolor: d3roPalette.accent.main,
animation: 'typing-dot 1.2s infinite',
animationDelay: `${i * 0.2}s`,
'@keyframes typing-dot': {
@ -233,18 +233,18 @@ export function MeetingChatPanel({ sessionId }: MeetingChatPanelProps): React.Re
maxWidth: '80%',
px: 1.25,
py: 0.5,
borderRadius: '6px',
borderRadius: d3roRadius.xs,
fontFamily: d3roFontMono,
fontSize: d3roTypo.compact.size,
lineHeight: 1.5,
bgcolor:
msg.role === 'user'
? d3roPalette.accent.amberDim
? d3roPalette.accent.dim
: d3roPalette.bg.elevated,
color: d3roPalette.text.primary,
border: `1px solid ${
msg.role === 'user'
? d3roPalette.accent.amber
? d3roPalette.accent.main
: d3roPalette.border.subtle
}`,
wordBreak: 'break-word',
@ -348,7 +348,7 @@ export function MeetingChatPanel({ sessionId }: MeetingChatPanelProps): React.Re
left: 0,
height: '100%',
width: '40%',
bgcolor: d3roPalette.accent.amber,
bgcolor: d3roPalette.accent.main,
borderRadius: 1,
animation: 'chat-progress 1.5s ease-in-out infinite',
'@keyframes chat-progress': {
@ -386,7 +386,7 @@ export function MeetingChatPanel({ sessionId }: MeetingChatPanelProps): React.Re
fontFamily: d3roFontMono,
fontSize: d3roTypo.compact.size,
bgcolor: d3roPalette.bg.input,
borderRadius: '4px',
borderRadius: '4px', // P4: 토큰에 없는 4px 보존
},
'& .MuiOutlinedInput-notchedOutline': {
borderColor: d3roPalette.border.default,
@ -395,7 +395,7 @@ export function MeetingChatPanel({ sessionId }: MeetingChatPanelProps): React.Re
borderColor: d3roPalette.border.strong,
},
'& .Mui-focused .MuiOutlinedInput-notchedOutline': {
borderColor: d3roPalette.accent.amber,
borderColor: d3roPalette.accent.main,
},
}}
/>

6
apps/desktop/src/renderer/components/meeting/MeetingDetailTabs.tsx
View file

@ -248,7 +248,7 @@ export function MeetingDetailTabs({
autoFocus
/>
<IconButton size="small" onClick={handleSaveTitle}>
<Check size={16} style={{ color: d3roPalette.accent.amber }} />
<Check size={16} style={{ color: d3roPalette.accent.main }} />
</IconButton>
</Box>
) : (
@ -290,9 +290,9 @@ export function MeetingDetailTabs({
color: d3roPalette.text.inactive,
textTransform: 'uppercase',
letterSpacing: '1px',
'&.Mui-selected': { color: d3roPalette.accent.amber },
'&.Mui-selected': { color: d3roPalette.accent.main },
},
'& .MuiTabs-indicator': { bgcolor: d3roPalette.accent.amber, height: 2 },
'& .MuiTabs-indicator': { bgcolor: d3roPalette.accent.main, height: 2 },
}}
>
<Tab label={t('meeting.transcriptTab')} />

10
apps/desktop/src/renderer/components/meeting/TranscriptTab.tsx
View file

@ -109,8 +109,8 @@ export function TranscriptTab({
}
}}
sx={{
'& .MuiSwitch-thumb': { bgcolor: d3roPalette.accent.amber },
'& .Mui-checked + .MuiSwitch-track': { bgcolor: d3roPalette.accent.amberDim },
'& .MuiSwitch-thumb': { bgcolor: d3roPalette.accent.main },
'& .Mui-checked + .MuiSwitch-track': { bgcolor: d3roPalette.accent.dim },
}}
/>
}
@ -159,7 +159,7 @@ export function TranscriptTab({
height: 2,
mb: 1,
bgcolor: d3roPalette.bg.inset,
'& .MuiLinearProgress-bar': { bgcolor: d3roPalette.accent.amber },
'& .MuiLinearProgress-bar': { bgcolor: d3roPalette.accent.main },
}}
/>
)}
@ -202,7 +202,7 @@ export function TranscriptTab({
gap: 1,
mb: 0.5,
pl: 0.5,
borderLeft: `2px solid ${d3roPalette.accent.amberDim}`,
borderLeft: `2px solid ${d3roPalette.accent.dim}`,
}}
>
<Box
@ -221,7 +221,7 @@ export function TranscriptTab({
component="span"
sx={{
fontSize: 12,
color: d3roPalette.accent.amber,
color: d3roPalette.accent.main,
fontFamily: d3roFontMono,
}}
>