improve contrast/visibility of detail elements
All checks were successful
/ build (push) Successful in 3m35s

This commit is contained in:
Ruben 2025-07-01 13:18:44 -05:00
commit c2fd2dc3ad
No known key found for this signature in database
GPG key ID: 8EA836555FB6D9A5

View file

@ -333,7 +333,7 @@ details.styled {
.tabler--arrow-autofit-height:last-of-type { .tabler--arrow-autofit-height:last-of-type {
margin-left: auto; margin-left: auto;
} }
background: linear-gradient(color-mix(in srgb, var(--accent) 25%, transparent), color-mix(in srgb, var(--accent) 50%, transparent)); background: linear-gradient(color-mix(in srgb, var(--accent) 5%, transparent), color-mix(in srgb, var(--accent) 20%, transparent));
border-bottom: unset !important; border-bottom: unset !important;
cursor: pointer; cursor: pointer;
padding: .5rem; padding: .5rem;
@ -380,13 +380,19 @@ details.styled {
margin-bottom: .8rem; margin-bottom: .8rem;
} }
background-color: color-mix(in srgb, var(--accent) 20%, transparent); background-color: color-mix(in srgb, var(--accent) 10%, transparent);
border-radius: .8rem .4rem .8rem .4rem; border-radius: .8rem .4rem .8rem .4rem;
border: .1rem solid var(--border); border: .15rem solid var(--accent);
margin-top: 1rem; margin-top: 1rem;
overflow: clip; overflow: clip;
} }
details.styled[open] {
summary {
border-bottom: .1rem solid var(--accent) !important;
}
}
/* Dashed border */ /* Dashed border */
hr.dashed { hr.dashed {
border: .1rem dashed var(--border); border: .1rem dashed var(--border);