Dark mode improvements and FarmaClic rebranding
Run Tests on Branches / Detect Changes (push) Successful in 12s
Run Tests on Branches / Backend Tests (push) Has been skipped
Run Tests on Branches / Frontend Tests (push) Successful in 1m55s
Run Tests on Branches / Frontend Mobile Tests (push) Successful in 1m51s

- Dark mode: gray background instead of pure black
- Dark mode: improved notification card visibility (SavedNotifications)
- Dark mode: improved alerts view badge contrast (AlertsView)
- Dark mode: custom pharmacy-themed background image
- Rebranding: replace all logos with FarmaClic branding
- Update PWA icons, favicon, apple-touch-icon, and mobile app icons
This commit is contained in:
Antoni Nuñez Romeu
2026-07-10 09:58:36 +02:00
parent f58b4427a8
commit 8b9b7e8444
20 changed files with 86 additions and 14 deletions
@@ -175,6 +175,41 @@
to { opacity: 1; transform: translateY(0) scale(1); }
}
/* Dark mode adaptations */
[data-theme="dark"] .saved-notifications-item {
background: var(--surface-container);
border-color: var(--border);
}
[data-theme="dark"] .saved-notifications-item-name {
color: #b0d4b8;
}
[data-theme="dark"] .saved-notifications-chip {
background: rgba(96, 165, 250, 0.15);
color: #93c5fd;
}
[data-theme="dark"] .saved-notifications-chip--pharmacy {
background: rgba(142, 212, 160, 0.15);
color: #8ed4a0;
}
[data-theme="dark"] .saved-notifications-address {
color: #9ca3af;
}
[data-theme="dark"] .saved-notifications-remove {
border-color: var(--border);
color: var(--text-muted);
}
[data-theme="dark"] .saved-notifications-remove:hover:not(:disabled) {
background: rgba(239, 68, 68, 0.12);
color: #fca5a5;
border-color: #f87171;
}
@media (max-width: 540px) {
.saved-notifications-backdrop {
padding: 2vh 0.5rem;