¿Cómo invertir el esquema de color de las páginas web en Firefox?

Solía ​​navegar por la web en una habitación oscura y preferiría que los fondos fueran oscuros y el texto fuera claro en lugar de lo contrario, lo cual es mucho más común. Supongo que esto se puede lograr con algún código CSS o JS personalizado aplicado, pero no soy un programador web y no estoy seguro de cómo hacerlo (especialmente para ser aplicable a todos los sitios web). Aún más impresionante sería si hubiera una extensión para instalar y obtener el efecto necesario.

¿Alguna sugerencia?

En los navegadores basados ​​en WebKit, puede agregar el siguiente estilo para lograr la inversión de color:

html { -webkit-filter: invert(); }

Lamentablemente, actualmente estamos esperando la implementación en Firefox: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Un equivalente en Firefox se vería así:

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}

Sin embargo, los resultados no son tan buenos:

Prima

Aquí está el bookmarklet para WebKit (requiere que se cargue jQuery):

javascript:$("html").css("-webkit-filter","invert()")

Pruebe esto ... Herramientas> Opciones> Haga clic en la pestaña Contenido y luego haga clic en el botón Colores. Ahora desmarque la casilla de verificación "Permitir páginas, bla, bla ...". Ahora seleccione el color blanco para el texto y el color negro para el fondo. Espero eso ayude. Lo hice en la versión 24.0.

(Editar: Acabo de darme cuenta de que el marcador no funciona en Firefox, porque Mozilla decidió no admitir Invertir. Pero hay un enlace jQuery en la página que hará lo mismo). Puede usar el marcador en esta página: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

¿Sistema operativo? Tengo una aplicación en mi Mac, Nocturne, que invierte los colores en todos los ámbitos. Similar a solo presionar ctrl-option-cmd-F8. No sé de una manera de hacerlo en Windows. Nocturne es un poco más agradable, ya que modifica los colores, no solo los invierte, para que la visualización sea un poco más agradable por la noche o con poca luz. La ventaja aquí es que todo, no solo las páginas de Firefox, cambia, y no tiene que volver a aplicarlo cada vez que carga una nueva página.

Marque este complemento si es útil para usted.

Tiene algunas más buenas opciones. Aquí hay una captura de pantalla >>>

Crea un bookmarklet con la siguiente URL:

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');