¿Cómo desarrollar un tema de Google Chrome?

8

Tengo algunas ideas de diseño para Google Chrome. Quiero convertirlo en un tema.

Busqué mucho, pero no encontré una explicación satisfactoria sobre cómo hacerlo. ¿Sabes lo que hay que hacer? Algún enlace, tal vez?

Lazer
fuente
1
Más de una pregunta de programación esto. Voto para migrarlo a Stack Overflow.
ChrisF

Respuestas:

10

Descarga cualquier tema disponible para Chrome, como éste por ejemplo.

Renombralo para que tenga una extensión .zip. Ábrelo con tu herramienta de archivo favorita.

El tema se describe en un archivo llamado manifest.json. Da enlaces a las imágenes utilizadas en el tema. Están en el directorio "i" en la escala de grises. Las imágenes están en formato PNG.

Aquí está el formato del archivo manifest.json para Greyscale:

{
"version":"1.0",
"name":"Greyscale",
"theme":
{"images":
    {
    "theme_frame":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6ZwBDA",
    "theme_toolbar":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6pwBDA",
    "theme_button_background":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYtawBDA"
    },
"colors":
    {
    "frame":[32,32,32],
    "toolbar":[210,210,246],
    "tab_text":[0,0,0],
    "tab_background_text":[0,0,0],
    "bookmark_text":[0,0,0],
    "ntp_background":[235,235,235],
    "ntp_text":[0,0,0],
    "ntp_link":[0,0,120],
    "ntp_section":[210,210,210,1],
    "ntp_section_text":[0,0,0],
    "ntp_section_link":[0,0,120]
    },
"properties":
    {
    "ntp_background_alignment":"bottom",
    "ntp_background_repeat":"no-repeat"},
    "tints":
        {
        "buttons":[0.6,0,0.5]
        }
    }
}

Use esto como una plantilla para sus propios temas.

Encontrarás más información. aquí también.

Snark
fuente
¿Cómo abro los enlaces en el i ¿¿directorio?? Necesito saber qué tamaño debe tener el .png archivos ser ...
Lazer
renombralos con una extensión .png y ábrelos con un editor de imágenes
Snark
bien, por cierto, ¿por qué nombres tan complejos? ¿Hay algún problema en nombrar mi .png archivar como, digamos, top.png?
Lazer
No, ver ejemplo de muestra en el último enlace de mi respuesta.
Snark
2
El uso de un tema existente como plantilla no es suficiente porque muchos temas solo modifican partes del navegador. ¿Qué pasa si quieres cambiar algo que el autor del tema no hizo? ¿Cómo averiguar qué nombres / propiedades / etc. ¿usar?
Synetech
3

Ahi esta Un oficial Guía para crear temas en el sitio de Google Code de Chromium.

Synetech
fuente
enlace está muerto, ¿cómo llegamos a este contenido de edad?
Greg
2
Aquí hay un caché de la página desde el 22 de agosto de 2015, desde el Archivo de Internet.
gregh