Arrelin/family_budget
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve member highlight visibility on dark theme #8

Merged
Arrelin merged 2 commits from feature/personal-account into master 2026-01-23 17:38:14 +03:00
Conversation 0 Commits 2 Files Changed 2 +11 -1
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3d2888b66b - Show all commits

10
frontend/src/index.css
View File

@@ -181,6 +181,16 @@
color: var(--text-secondary); color: var(--text-secondary);
} }
.member-current {
background-color: rgb(243, 232, 255);
border-color: rgb(216, 180, 254);
}
[data-theme="dark"] .member-current {
background-color: rgba(139, 92, 246, 0.2);
border-color: rgba(139, 92, 246, 0.5);
}
.animate-fadeIn { .animate-fadeIn {
animation: fadeIn 0.2s ease-in-out; animation: fadeIn 0.2s ease-in-out;
} }

2
frontend/src/pages/Profile.tsx
View File

@@ -238,7 +238,7 @@ export default function Profile() {
{familyMembers.map((member) => ( {familyMembers.map((member) => (
<div <div
key={member.id} key={member.id}
className={`flex items-center justify-between p-3 rounded-xl ${member.id === user?.id ? 'bg-purple-50 border border-purple-200' : 'bg-gray-50'}`} className={`flex items-center justify-between p-3 rounded-xl ${member.id === user?.id ? 'member-current border' : 'bg-gray-50'}`}
> >
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="w-8 h-8 category-icon rounded-full flex items-center justify-center text-white text-sm font-medium"> <div className="w-8 h-8 category-icon rounded-full flex items-center justify-center text-white text-sm font-medium">