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 {
|
.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 {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue