Enhance alert styles for improved visibility and consistency across themes
This commit is contained in:
parent
3ff80ac2e3
commit
916cebb284
1 changed files with 34 additions and 6 deletions
40
dist/css/styles.css
vendored
40
dist/css/styles.css
vendored
|
|
@ -1266,15 +1266,43 @@ tr:focus-within {
|
|||
}
|
||||
|
||||
.alert-info {
|
||||
background: rgba(59, 130, 246, .08);
|
||||
border-color: rgba(59, 130, 246, .2);
|
||||
color: var(--info)
|
||||
background: rgba(59, 130, 246, .12);
|
||||
border-color: rgba(59, 130, 246, .35);
|
||||
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 {
|
||||
background: rgba(245, 158, 11, .08);
|
||||
border-color: rgba(44, 35, 19, .2);
|
||||
color: var(--warning)
|
||||
background: rgba(245, 158, 11, .12);
|
||||
border-color: rgba(245, 158, 11, .4);
|
||||
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 {
|
||||
|
|
|
|||
Loading…
Reference in a new issue