Enhance alert styles for improved visibility and consistency across themes

This commit is contained in:
fynks 2025-09-30 19:05:30 +05:00
parent 3ff80ac2e3
commit 916cebb284

40
dist/css/styles.css vendored
View file

@ -1266,15 +1266,43 @@ tr:focus-within {
} }
.alert-info { .alert-info {
background: rgba(59, 130, 246, .08); background: rgba(59, 130, 246, .12);
border-color: rgba(59, 130, 246, .2); border-color: rgba(59, 130, 246, .35);
color: var(--info) color: #1e40af;
}
[data-theme="dark"] .alert-info {
background: rgba(59, 130, 246, .15);
border-color: rgba(59, 130, 246, .4);
color: #93c5fd;
}
@media (prefers-color-scheme:dark) {
:root:not([data-theme="light"]) .alert-info {
background: rgba(59, 130, 246, .15);
border-color: rgba(59, 130, 246, .4);
color: #93c5fd;
}
} }
.alert-warning { .alert-warning {
background: rgba(245, 158, 11, .08); background: rgba(245, 158, 11, .12);
border-color: rgba(44, 35, 19, .2); border-color: rgba(245, 158, 11, .4);
color: var(--warning) color: #92400e;
}
[data-theme="dark"] .alert-warning {
background: rgba(245, 158, 11, .15);
border-color: rgba(245, 158, 11, .45);
color: #fcd34d;
}
@media (prefers-color-scheme:dark) {
:root:not([data-theme="light"]) .alert-warning {
background: rgba(245, 158, 11, .15);
border-color: rgba(245, 158, 11, .45);
color: #fcd34d;
}
} }
.alert-icon { .alert-icon {