▶ видео
Совет по CSS

Не нужно готовить отдельные версии логотипа в градациях серого для тёмной и светлой темы.

Это легко делается с помощью CSS-фильтров.

/* Для светлой темы */
.logos-container img {
filter: brightness(0);
opacity: 0.6;
}

/* Для тёмной темы */
.logos-container img {
filter: invert(1) saturate(0) brightness(4);
opacity: 0.6;
}

То есть, не нужно хранить отдельные изображения для светлого и тёмного режима — фильтры решают эту задачу.

True Figma
Просмотры: 26
Открыть в MAX Сообщить о неточности

Сообщить о неточности

Опишите, что нужно исправить. Если есть источник, добавьте ссылку.

Вы покидаете datool.ru

Ссылка ведёт на внешний сайт. datool.ru не отвечает за его содержимое — проверьте адрес, прежде чем вводить пароли или платёжные данные.

Переход через 10 с

Перейти