Cristian/Ocampo - Un blog sobre diseño, desarrollo hipermedia, programación y experimentos visuales

Hace unos días estube navegando dentro del directorio de la instalación de firefox, viendo su estructura y organización. Dentro del subdirectorio res/ encontré una serie de hojas de estilo (CSS) de la configuración por default del browser y que pueden ser modificadas para enchular un poco firefox y mejorar la experiencia de uso del software. Estos archivos son los que, de una forma, le dicen al browser de que forma interpretar y mostrar por defecto los márgenes, elementos de formularios, enlaces, etc.

El primer CSS que modifiqué fue el que da el estilo a aquella ventana que nos muestra el código fuente de los sitios que visitamos. El archivo se llama viewsource.css

Por ejemplo para cambiar el comienzo y final de las etiquetas hay que modificar las clases .start-tag y .end-tag. En mi caso cambié el purpura por rojo.

.start-tag {
color: red /*purple*/;
font-weight: bold;
}
.end-tag {
color: red /*purple*/;
font-weight: bold;
}

Los comentarios (X)HTML, encerrados en <!– –> nunca me han gustado como se ven con color verde y lo he cambiado por un tono naranjo.

.comment {
color: #FFCC00 /*green*/;
font-style: italic;
}

Otra cosa que he cambiado es el titulo y el valor de los atributos propios de cada etiqueta, como los titles y href en el caso de la etiqueta <a>, src y alt en <img> o los genéricos id y class, por dar algunos ejemplos.

.attribute-name {
color: #454545/*black*/;
font-weight: bold;
}
.attribute-value {
color: #2888D7/*blue*/;
font-weight: normal;
}

Solo con estas modificaciones se puede tener un nuevo estilo en la vista del codigo fuente.

Puedes ver comparación entre antes y despues

Los cambios que yo he hecho son solamente de colores, pero se puede cambiar las fuentes, su tamaño, margenes, padding, incluso bordes para diferenciar elementos del (X)HTML, que puede ser util para depurar código.

Se puede seguir jugando con todas las clases e identificadores que se encuentren, pero antes de hacerlo es mejor hacer un backup del archivo, en caso de cometer algun error.