En el post anterior hablamos sobre la creación de una simple aplicación para nuestro navegador Google Chrome, como hemos visto la programación es bastante simple y no posee gran dificultad para su programación.
Ahora veremos como crear un Tema para Google Chrome, es tan simple como la aplicación anterior, la diferencia es que ahora trabajaremos con 5 imágenes (no son opcionales deben estar todas) y la paleta de colores.
Primero vamos a hablar sobre las imágenes, tenemos en total 5 imagines que comprenderán nuestro tema:
  1. theme_frame
  2. theme_frame_overlay
  3. theme_toolbar
  4. theme_ntp_background
  5. theme_ntp_attribution
Estas cinco imágenes son todo el theme, veremos cada una y mostraremos que posición cumplen en el tema:
THEME_FRAME:
El fondo externo.
THEME_FRAME_OVERLAY
THEME_TOOLBAR
THEME_NTP_BACKGROUND
El fondo interno.
THEME_NTP_ATTRIBUTION
Como el Attribution de Blogger, los créditos, quien realizo el tema.
Ustedes de seguro se preguntaran: ¿Pero no faltan imagenes?
– Claro que faltan imágenes, pero el tema mínimo se puede realizar con estas, las otras imágenes son un poco más difíciles de manejar.
Bueno, ya sabemos a que le corresponde cada imagen, ahora que hacemos?
  1. Creamos una carpeta llamada como se llamara el Tema.
  2. Dentro de esa carpeta creamos otra, llamada “images”.
  3. Dentro de “Images” se colocaran las cinco imágenes.
  4. Luego abrimos el blog de notas y utilizaremos el siguiente código:

Como vemos, es muy simple, primero completaremos con la versión del tema y su nombre, luego llama a cada imagen y luego esta la parte de los colores.

Por parte de los colores, ya con las imágenes que dimos podremos adivinar de que se trata, igual les daré una descripción de cada uno:
  1. frame: es el borde de toda la pantalla.
  2. toolbar: es la parte (suele ser gris) cuando pasamos el cursor sobre una URL, suele aparecer en el margen inferior izquierdo, pasa sobre aquí para verla.
  3. ntp_text: es el color del texto, de attribution y de las aplicaciones.
  4. ntp_link: es el color cuando se pasa sobre un link.
  5. ntp_section: es el color del texto cuando se selecciona.
  6. button_background: es el color de fondo referido a los botones.
  7. buttons: son los botones de “ir atras”, “ir adelante” y “actualizar”.

Ahora simplemente queda realizar un par de imagenes he ir probando hasta dar con el tema perfecto!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *