Como cambiar en wingpanel el literal aplicaciones por un icono de inicio

Bueno este pequeño tip es solo para elementary Freya y se trata básicamente de cambiarle  a wingpanel la etiqueta que esta utilizando actualmente, de Aplicaciones, correspondiente al lanzador slingshot-launcher y sustituirlo por un icono de inicio.

Combo cambiar en wingpanel el literal aplicaciones por un icono de inicio

Ya que no tenemos disponible ninguna herramienta o característica que nos permita hacer esto, no tendremos mas remedio, que modificar directamente sobre los temas que estemos utilizando, que carezcan lógicamente de esta funcionalidad, para que puedan mostrarnos el icono que le indiquemos.

Para no trabajar directamente sobre ellos, siempre es recomendable hacer una copia del tema original y trabajar sobre estos. Por tanto lanzamos pantheon-files como Administrador, tenemos esta opción disponible haciendo click derecho del ratón, sobre su icono o bien podemos ejecutar con sudo directamente desde el terminal,

$ sudo pantheon-files

tras esto nos dirigimos a la carpeta donde tiene el sistema los temas, es decir /usr/share/themes, allí duplicamos la carpeta elementary y la renombramos a logo-elementary, por poner un ejemplo.

logo-elementary

Ahora entramos en la carpeta logo-elementary, recién creada y entramos en gtk-3.0 y aquí desde el propio panthenon-files y mediante su menú, procedemos con la edición del fichero gtk.css,

Editor

aquí nos vamos al final del mismo e insertamos el siguiente código,

.panel-app-button > GtkWidget > GtkWidget:first-child { 
    padding: 0px 24px 0px 0px;
    color: transparent;
    font-size: 0px; 
    background-image: url("assets/elementary-white.svg");
    background-repeat: no-repeat; 
}

codigo

El icono a mostrar se muestra en el parámetro,

background-image: url("assets/elementary-white.svg");

por lo que requerimos de un archivo gráfico correspondiente al icono llamado elementary-white.svg y que deberá estar disponible en la carpeta assets,

assets

este icono independiente del nombre que tenga, si que es recomendable que tenga unas dimensiones de 24×24, y si ya disponéis de alguno, habrá que copiarlo a esta carpeta. Si no los tenéis, vemos a continuación como conseguir un par de ellos, para ello seguimos con pantheon-files y entramos en la carpeta assets, y abrimos un terminal,

terminal

terminal root

para bajarnos por ejemplo un  icono en color blanco, tenemos la siguientes dirección, a utilizar como el siguiente comando,

# wget http://entornosgnulinux.com/wp-content/uploads/2016/09/elementary-white.tar && tar -xvf elementary-white.tar && rm elementary-white.tar

y para el icono en color negro,

# wget http://entornosgnulinux.com/wp-content/uploads/2016/09/elementary-black.tar && tar -xvf elementary-black.tar && rm elementary-black.tar

una vez ya disponibles en esta carpeta, tan solo nos quedaría decidir cual de ellos vamos utilizar y en el caso de ser el negro deberemos, deberemos cambiar el parámetro visto anteriormente, y dejarlo como a continuación,

background-image: url("assets/elementary-black.svg");

ahora ya si que podemos salvar el archivo y activar el nuevo tema con Tweaks.

tweaks

Para mayor información, dejaros la fuente del tip , también es importante decir, que el tip solo funciona con el wingpanel del repositorio estable, no siendo así para aquellos que están actualmente en desarrollo, como por ejemplo, el que esta disponible desde el repositorio staging.

 

Esta entrada fue publicada en articulo, elementaryos, GNU/Linux, temas, ubuntu y etiquetada , , , , , , , . Guarda el enlace permanente.

14 respuestas a Como cambiar en wingpanel el literal aplicaciones por un icono de inicio

  1. Buen tip, muchas gracias.

  2. Eddy dijo:

    Excelente. Sigan con tips así.

  3. spartan cube dijo:

    excelente me encanto!! podrias hacer un tuto para cambiar en ver de aplicaciones poder poner cualquier palabra??

  4. el logo no esta paa descargarlo

  5. Richarson Castro dijo:

    He encontrado la manera de hacerlo en loki, estoy trabajando en un tema y me gustaría que le dieras un vistaso cuando este terminado.

Deja un comentario