¿Cómo se usan las extensiones de Chrome para cambiar el CSS de un sitio web?

Question

Estoy buscando crear una extensión para el uso personal y posiblemente amigo personal que también cambie algunos colores que se muestran en un sitio web que visito. Uso Reddit Enhancement Suite, que tiene opciones para 'Modo nocturno' que cambia completamente la apariencia del color de Reddit.

Me gustaría saber cómo editar o insertar código CSS en este sitio web para que los colores utilizados en el sitio web sean lo que me gustaría que fueran cuando veo la página. Eso sí, esto es solo en mi navegador o en otro navegador Chrome que usa mi extensión.

Answer 1

Puede hacer exactamente lo que ha dicho: puede insertar un archivo o código CSS en la página. The easiest way is through the manifest (look at the CSS property).

Solo necesita completar su manifest.json para que Chrome sepa en qué páginas debe insertar su archivo CSS.

Si desea decidir programáticamente cuándo insertar el CSS, you can use chrome.tabs.insertCSS(), donde puede insertar un archivo CSS o simplemente el código como una cadena.

Answer 2

Ya hay extensiones hechas para esto. El que yo uso se llama Stylish, que solo modifica la apariencia usando solo CSS3, y no html. También hay otras extensiones, haga algunas búsquedas en Google y encontrará algunas más.

Answer 3

En lugar de una extensión, también puede hacerlo en un user script. Entonces simplemente puede usar GM_addStyle, al igual que con los scripts de Greasemonkey. Es mucho más simple de escribir y más liviano en términos de uso de memoria.