inverted-colors

Значение директивы @media, которое отслеживает режим инвертированных цветов.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Одно из значений директивы @media для проверки пользовательских настроек. Отслеживает режим инвертированных цветов.

Пример

Скопировано
        
          
          @media (inverted-colors: inverted) {  img, video {    filter: invert(100%);  }}
          @media (inverted-colors: inverted) {
  img, video {
    filter: invert(100%);
  }
}

        
        
          
        
      

Как пишется

Скопировано

Есть два значения:

  • none — в системе используются цвета по умолчанию.
  • inverted — выбран режим инвертированных цветов.

Как понять

Скопировано

Режим инвертированных цветов (inverted colors mode) заменяет системные цвета на противоположные, как на негативе. Цвета изменяются не только в системе, но и в браузере.