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

Compare commits

base: Arrelin:86fab6ae4f01f2eedf100c7c494923cc845ad930
Branches Tags
Arrelin:master Arrelin:update-categories Arrelin:feature/change-categories Arrelin:bugfix/iro4ka Arrelin:feature/new-sort Arrelin:feature/new-deploy Arrelin:feature/history Arrelin:arrelin-patch-2 Arrelin:arrelin-patch-1 Arrelin:refactor/frontend-code-quality Arrelin:bugfix/revert
...
compare: Arrelin:0451bdc6c660306199d2578c5cf8449d3ee5606f
Branches Tags
Arrelin:master Arrelin:update-categories Arrelin:feature/change-categories Arrelin:bugfix/iro4ka Arrelin:feature/new-sort Arrelin:feature/new-deploy Arrelin:feature/history Arrelin:arrelin-patch-2 Arrelin:arrelin-patch-1 Arrelin:refactor/frontend-code-quality Arrelin:bugfix/revert

3 Commits
86fab6ae4f ... 0451bdc6c6

Author SHA1 Message Date
Arrelin
0451bdc6c6 Merge pull request 'fix: improve member highlight visibility on dark theme' (#8) from feature/personal-account into master
All checks were successful
Build and Publish Images / build-and-push (push) Successful in 12s
Details 
Reviewed-on: http://192.168.31.100:3847/Arrelin/family_budget/pulls/8
 2026-01-23 14:38:14 +00:00
Arrelin
b86d5e1af5 Merge branch 'master' into feature/personal-account 2026-01-23 14:38:00 +00:00
arrelin
3d2888b66b fix: improve member highlight visibility on dark theme 
Use custom .member-current class instead of tailwind bg-purple-50
to properly support dark theme. Current user now has visible
background on both light and dark themes.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
 2026-01-23 17:37:08 +03:00
2 changed files with 11 additions and 1 deletions
Expand all files Collapse all files

10
frontend/src/index.css
View File

@@ -181,6 +181,16 @@
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 {
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) => (
<div
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="w-8 h-8 category-icon rounded-full flex items-center justify-center text-white text-sm font-medium">