Replace Pico's fixed-gray SVG on ordinary details elements with a currentColor chevron so theme summary colors apply.
- commit
- c52e13769f877a0566c5cf47702bce5c954472a4
- parent
- 0e17bead2729e14382530dd5ed33d27d13d42531
- author
- Dami <dami.etoile@gmail.com>
| M | web/ | 18 | ++++++++++++++++++ |
@@ -95,6 +95,24 @@ main:has(#private-only) :is(input, textarea, pre, code, [data-selectable], .erro
9595 user-select: text;9696 }9797 98+/* Pico's chevron is a gray SVG data URI, so summary colour variables cannot99+ * reach it. Draw the same mark from currentColor and let open/closed summary100+ * colours apply to the text and disclosure indicator together. */101+details:not(.dropdown) > summary::after {102+ width: 0.55rem;103+ height: 0.55rem;104+ margin-top: 0.15rem;105+ margin-inline-end: 0.15rem;106+ background-image: none;107+ border-right: 0.12rem solid currentColor;108+ border-bottom: 0.12rem solid currentColor;109+ transform: rotate(-45deg);110+}111+112+details:not(.dropdown)[open] > summary::after {113+ transform: rotate(45deg);114+}115+98116 .brand {99117 display: inline-flex;100118 gap: calc(var(--pico-spacing) * 0.4);