Cómo hacer Google Chrome Themes

Tras haber descargado el Chrome Theme indiano que colgué ayer han sido varios los amigos que me han preguntado cómo se hacía

Es sencillo: antes de nada cread una carpeta con el nombre de vuestro tema. Dentro de ella cread otra llamada Image. En la carpeta del tema, abrid el gedit, bluefish o cualquier blog de notas. Cread un documento nuevo llamado manifest.json.

Calcadle el siguiente código, editando claro, el nombre del tema y la versión:

[code]
{
"name": "nombre_de_vuestro_tema",
"theme": {
"colors": {
"bookmark_text": [ 255, 255, 255 ],
"frame": [ 255, 255, 255 ],
"ntp_background": [ 45, 42, 41 ],
"ntp_header": [ 0, 0, 0, 1 ],
"ntp_link": [ 255, 255, 255 ],
"ntp_section": [ 68, 68, 68, 0.3 ],
"ntp_section_link": [ 255, 255, 255 ],
"ntp_section_text": [ 255, 255, 255 ],
"ntp_text": [ 255, 255, 255 ],
"tab_background_text": [ 0, 0, 0 ],
"tab_text": [ 255, 255, 255 ],
"toolbar": [ 0, 0, 0 ]
},
"images": {
"theme_frame": "Image/theme_frame.png",
"theme_ntp_attribution": "Image/theme_ntp_attribution.png",
"theme_ntp_background": "Image/theme_ntp_background.png",
"theme_tab_background": "Image/theme_tab_background.png",
"theme_toolbar": "Image/theme_toolbar.png"
},
"properties": {
"ntp_background_alignment": "bottom",
"ntp_background_repeat": "no-repeat",
"ntp_logo_alternate": 1
},
"tints": {
"buttons": [ 1, 1, 1 ]
}
},
"version": "0.1"
}
[/code]

Ahora editaremos los gráficos del tema. En la carpeta Image deberéis incluir los siguientes gráficos:

• theme_frame.png: Es el color o imagen de fondo que veremos tras las pestañas del navegador
• theme_ntp_attribution.png: La firma del tema que aparece en la esquina inferior derecha de las pestañas vacías. Conviene que tenga el fondo transparente.
• theme_ntp_background.png: la imagen de fondo en la pestaña vacía, en nuestro caso un hermoso lobo ibérico.
• theme_tab_background.png: el color en el que aparecerán las pestañas no activas. Conviene que no sea opaco, sino una capa que incluya blanco sobre el color de fondo sin perder del todo la transparencia.
• theme_toolbar.png: El color de la barra de navegación y la pestaña activa.

Con todo esto listo, sólo nos queda compilar el tema. Para ello usaremos las herramientas para desarrolladores que incluye el propio navegador. En la barra de direcciones escribiremos chrome://extensions y pincharemos en Pack extension donde le guiaremos a la carpeta de nuestro tema.

Al empaquetar aparecerán dos archivos:

• nombre_del_tema.crx: el tema ya empaquetado y listo para instalar, este es el archivo que colgaremos en la red y que pasaremos a nuestros amigos.
• nombre_del_tema.pem: es una llave que nos pedirá cuando queramos empaquetar una nueva versión

Para intalar sólo tendremos bien que descargar el archivo crx de la red (tras descargarlo pregunta si lo instala o no) o apuntar con el navegador al directorio que tengamos (en mi caso, escribiendo en la barra de navegación file://home/david/Escritorio/chrome_indiano.crx)

Sencillo, ¿verdad?