martes, 13 de septiembre de 2011

Crear Tema en Google Chrome

Bueno pues ayer, mientras me aburría me puse a "investigar" (por decir algo) a ver como podía hacer un tema para chrome, y lo conseguí! Es muy sencillo y siguiendo los pasos que te voy a comentar mas abajo, deberías poder personalizar tu explorador como mas te gusta.

El primer paso es crear una carpeta nueva para tu tema. Dentro tenemos que crear una carpeta "Image" donde pondremos las imagenes y un fichero de texto "manifest.json" donde estableceremos los parámetros de configuración de nuestro nuevo "theme". 

Pasemos a la acción, abrimos el "manifest.json" y escribimos lo siguiente:
{
   "name": "Nombre de mi Tema",
   "theme": {
      "colors": {
         "bookmark_text": [ 255, 255, 255 ],
         "frame": [ 255, 255, 255 ],
         "ntp_background": [ 255, 255, 255 ],
         "ntp_header": [ 0, 0, 0, 1 ],
         "ntp_link": [ 0, 0, 0 ],
         "ntp_section": [ 68, 68, 68, 0.3 ],
         "ntp_section_link": [ 255, 255, 0 ],
         "ntp_section_text": [ 255, 255, 255 ],
         "ntp_text": [ 0, 0, 0 ],
         "tab_background_text": [ 0, 0, 0 ],
         "tab_text": [ 220, 220, 220 ],
         "toolbar": [ 0, 0, 0 ]
      },
      "images": {
         "theme_frame": "Image/theme_frame.png",
         "theme_ntp_attribution": "Image/theme_ntp_attribution.png",
         "theme_ntp_background": "Image/fondo.jpg",
         "theme_tab_background": "Image/fondo_pestana.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"
}
Guardamos y creamos las imágenes como las hemos llamado en el manifest.
Una vez creado todo nos vamos a nuestro explorador chrome y escribimos la ruta "chrome://extensions".
Pulsamos sobre "Modo de desarrollador" y después sobre "Cargar extensión descomprimida".
En la ventana que se nos abre seleccionamos la carpeta que creamos al principio y le damos a "Abrir".

Voilà, ya tenemos nuestro google chrome personalizado.

Pulsa aquí para ver mi "experimento"

Espero que te haya sido de utilidad :)