¿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?


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.


¿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

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.