Dark mode improvements and FarmaClic rebranding
- 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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user