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

fix: improve purchased items visibility on dark theme

Browse Source 
Use custom .shopping-purchased class for purchased items
in shopping list. Now purchased items have proper background
on both light and dark themes.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
arrelin
2026-01-23 20:46:01 +03:00
parent 0451bdc6c6
commit 4ec3b12d03
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/index.css
View File

@@ -191,6 +191,16 @@
border-color: rgba(139, 92, 246, 0.5);
}
.shopping-purchased {
background-color: rgb(240, 253, 244);
border-color: rgb(187, 247, 208);
}
[data-theme="dark"] .shopping-purchased {
background-color: rgba(34, 197, 94, 0.15);
border-color: rgba(34, 197, 94, 0.4);
}
.animate-fadeIn {
animation: fadeIn 0.2s ease-in-out;
}