Как создать фавиконку адаптирующуюся под цвет системы
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
<path d="..." />
<style>
path { fill: #000; }
@media (prefers-color-scheme: dark) {
path { fill: #FFF; }
}
</style>
</svg>
Я не знал, но оказывается при создании svg фавиконки можно внутрь нее засунуть медиа выражение prefers-color-scheme и в зависимости от значения менять цвет path например. Очень нравится 😍
Начать дискуссию