Tengo un logotipo adhesivo que cuando me desplazo permanece del mismo color. Quiero que el logotipo sea inicialmente blanco y cambie de color solo cuando el fondo sea de blanco a negro... y permanezca negro hasta que vea un fondo más oscuro nuevamente y luego vuelva a ser blanco. El problema con lo que tengo actualmente es que mix-blend-mode: difference; cambia a todo tipo de colores a medida que se invierte según el fondo.
.logo { color: white; filter: invert(1); mix-blend-mode: difference; }