Frontend Portal

Однотонные серые логотипы для темной и светлой темы



Используя комбинации различных фильтров в CSS, мы можем конвертировать цветные логотипы в однотонные серые для темного и светлого режима

/* Для светлой темы */

.logos img {

  filter: brightness(0);

  opacity: 0.6;

}



/* Для темной темы */

.logos img {

  filter: invert(1) saturate(0) brightness(4);

  opacity: 0.6;

}

👉 @FrontendPortal | #CSS