bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: remove all bold font weights from UI/UX (291 replacements)

Browse Source 
Replace font-bold, font-black, and font-semibold with font-normal throughout:
- 26 component files
- 1 CSS utility file (globals.css)
- 291 total occurrences

Text hierarchy now maintained through font-size differences only.
All tests passing (291/291).

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Daniel Bedeleanu
2026-04-19 18:28:23 +03:00
parent b0a1582aa0
commit c0232bb2f1
31 changed files with 299 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/components/ConfirmationModal.tsx
View File

@@ -62,7 +62,7 @@ export default function ConfirmationModal({
<div className="p-2 bg-rose-500/10 rounded-lg text-rose-500">
<AlertTriangle size={20} />
</div>
<h2 className="text-lg font-black text-white">{title}</h2>
<h2 className="text-lg font-normal text-white">{title}</h2>
</div>
<button
onClick={onCancel}
@@ -82,7 +82,7 @@ export default function ConfirmationModal({
{/* Item Name (if provided) */}
{itemName && (
<div className="bg-slate-800/40 border border-slate-800 rounded p-3">
<p className="text-xs text-muted font-semibold">Item</p>
<p className="text-xs text-muted font-normal">Item</p>
<p className="text-sm font-mono text-white mt-1">{itemName}</p>
</div>
)}
@@ -107,7 +107,7 @@ export default function ConfirmationModal({
{/* High-Risk Warning & Confirmation Input */}
{requiresTextConfirm && (
<div className="space-y-3 pt-2 border-t border-slate-800">
<p className="text-sm font-semibold text-rose-400">
<p className="text-sm font-normal text-rose-400">
Type "DELETE" to confirm this high-risk action
</p>
<input
@@ -138,7 +138,7 @@ export default function ConfirmationModal({
<button
onClick={onCancel}
disabled={loading}
className="flex-1 px-4 py-2.5 text-secondary bg-slate-800 border border-slate-700 rounded font-semibold hover:bg-slate-700 cursor-pointer transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus:ring-2 focus:ring-primary focus:outline-none"
className="flex-1 px-4 py-2.5 text-secondary bg-slate-800 border border-slate-700 rounded font-normal hover:bg-slate-700 cursor-pointer transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus:ring-2 focus:ring-primary focus:outline-none"
>
Cancel
</button>
@@ -146,7 +146,7 @@ export default function ConfirmationModal({
onClick={handleConfirm}
data-testid="confirm-action"
disabled={loading || !canConfirm}
className="flex-1 px-4 py-2.5 bg-rose-600 text-white rounded font-semibold hover:bg-rose-700 cursor-pointer transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-900 focus:ring-rose-600 focus:outline-none"
className="flex-1 px-4 py-2.5 bg-rose-600 text-white rounded font-normal hover:bg-rose-700 cursor-pointer transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-900 focus:ring-rose-600 focus:outline-none"
>
{loading ? (
<>