epelpad

Editar ventanas en xfce!

Hola a todos, este es mi primer post. Hoy les escribo para contarles cómo editar y crear sus propias ventanas en xfce.

Entorno de Escritorio Xfce
Xfce es un entorno de escritorio ligero para sistemas tipo UNIX. Su objetivo es ser rápido y de bajos recursos del sistema, sin dejar de ser visualmente atractivo y fácil de usar.
http://www.xfce.org/?lang=es


La idea de esto surgió un día en que estaba explorando los directorios de mi distro GNU/Linux (Xubuntu 10.10) y encontré dónde se guardan los temas para configurar la Apariencia y el Gestor de ventanas (xfwm4) de la distribución.
Para mi sorpresa, vi que las ventanas son compuestas por varias imágenes con extensión .xpm y sus nombres corresponden al lugar de la ventana donde se muestran. Vean esta imagen para entenderlo:

Editar ventanas en xfce!
Las imágenes pertenecen al tema Fbx. Se encuentran en: /usr/share/themes/Fbx/xfwm4



Si observamos con atención las imágenes y sus nombres, podemos entender lo que dije anteriormente:
top: se refiere a las esquinas superiores izquierda (left) y derecha (right).
bottom: parte inferior de la ventana.
tittle: parte superior de la ventana. Se divide en cinco partes:
3: donde se muestra el título de la ventana.
2 y 4: Imágenes que encierran al título.
1 y 5: Imágenes que se encuentran entre los iconos y las imágenes 2 y 4. Cuando redimensionamos la ventana, éstas se repiten como si fuera un mosaico. Es decir que si achicamos al mínimo la ventana, esta imágen puede desaparecer, quedando sólo las 2, 3 y 4.
close, hide, maximize, menu, stick: son los iconos.
active: cuando la ventana está activa o se selecciona.
inactive: cuando la ventana está inactiva o de fondo.
pressed: cuando al icono le hacemos click.


Veamos en esta imagen como cambian los iconos activos a presionarlos


Escritorio


Una vez visto esto, podemos comenzar a crear nuestras ventanas, para lo cual necesitamos:

»Creatividad
»Paciencia
»Un editor de imágenes como por ejemplo GIMP
»Algo de tiempo

Bien. Lo que yo hice fue copiar un tema y editarlo con otro nombre. En este caso se trata del tema Kindaker

Para esto podemos copiar la carpeta xfwm4 que está dentro del directorio del tema en nuestro escritorio, editar las imágenes y mover esa carpeta al directorio de nuestro tema, ya que necesitamos ser root para acceder. De lo contrario tendríamos que usar nuestro editor de imágenes siendo root.

Los temas se encuentran en: /usr/share/themes

Luego de editar las imágenes, copiamos xfwm4 dentro del directorio de nuestro tema como root:

# cp -r xfwm4 /usr/share/themes/Mi_Tema



¿Por qué copiar un tema en vez de hacer el mío solamente?

Porque además de las imágenes, el directorio del tema contiene un archivo de configuración (themerc) que contiene algunas características de la ventana

full_width_title=false #ancho del título
button_offset=1 #espacio desde el borde
button_spacing=0 #espacio entre botones
title_vertical_offset_active=1
title_vertical_offset_inactive=0
active_text_color=#08adb3
inactive_text_color=#5a744c
title_shadow_active=false #sombra
title_shadow_inactive=true


Además nos será más fácil abrir, editar y guardar cada imagen.

Una vez que terminemos de editar y copiar el directorio, elegimos el tema desde el gestor de ventanas. En el caso de Xubuntu, se encuentra en:

Aplicaciones → Configuración → Administrador de Configuración de xfce4 → Gestor de Ventanas → Estilo.

Hasta acá tendríamos todo completo pero...
¿que pasa si no me gusta el tema o lo quiero editar varias veces?


Sería un problema tener que editar y copiar varias veces el directorio xfwm4 a nuestro tema. Para este caso, la solución sería moverse dentro del directorio /usr/share/themes/Mi_Tema/xfwm4
y abrir como root nuestro editor de imágenes para probar varios cambios. Mientras tenemos abierto el Gestor de Ventanas y cambiamos a otro tema, luego al nuestro, para que se actualice.


xubuntu

La línea horizontal verde que está entre el título y los iconos, son las imágenes 1 y 5 que les mencioné anteriormente. Abajo les muestro como se transforman los iconos al hacerles click

gestor de ventanas


----------------------------------------------------------------------------------------------------------------------

Hasta el momento tenemos el 50% de nuestro trabajo. Ahora nos falta editar la parte interna de la ventana: el fondo; colores de selección de texto; tamaño, forma y color de las barras de desplazamiento y progreso; los menús y su fondo; los textos de información emergente.

Esto es un poco más complicado ya que necesitamos editar un archivo de texto donde modificamos valores a unas variables. Por suerte cada una tiene comentarios que describen su funcionamiento y los valores por defecto. El problema es que está en Inglés y algunas cosas no se entienden o los cambios son imperceptibles, según qué modifiquemos.

Algo a tener en cuenta es que este archivo puede modificar también los colores de los temas que hablamos anteriormente. Me explico:
Podemos elegir el tipo de ventanas en
Aplicaciones → Configuración → Administrador de Configuración de xfce4 → Gestor de Ventanas → Estilo

Algunas ventanas pueden cambiar sus colores de acuerdo al tema de apariencia que elijamos en
Aplicaciones → Configuración → Administrador de Configuración de xfce4 → Apariencia → Estilo

Así que también puede ser que nos modifique nuestro tema. En realidad no se por qué esto es así.



El archivo a modificar se encuentra en el directorio themes dentro de otro directorio con el nombre del tema que aparece en: Aplicaciones → Configuración → Administrador de Configuración de xfce4 → Apariencia → Estilo

En mi caso elegí el tema NOX porque es el que más me gusta. Luego mirando y probando de a uno los parámetros de las funciones, encontraba los cambios y los anoté.

Algunos ejemplos:
Vemos una línea del archivo a modificar, en este caso:
/usr/share/themes/jnox/gtk-2.0/gtkrc

gtk_color_scheme = "nox_bgr: #5C5E61;nox_fgr: #EEEEEC;nox_bas: #D7D7D7;
nox_txt: #1F1F1F;fg_color: #EEEEEC;bg_color: #5C5E61;text_color: #1F1F1F;
base_color: #D7D7D7;selected_fg_color: #1F1F1F;selected_bg_color: #a5be6e;
tooltip_fg_color: #1F1F1F;
tooltip_bg_color: #FBF6D0;clr_red: #EF2929;clr_grn: #8AE234;clr_blu:#d8f0a3"



Qué modifica:
selected_bg_color: color de selección de texto, carpetas y barras de progreso.
nox_bgr: ??
nox_fgr: ??
nox_bas: ??
nox_txt: ??
fg_color: color de texto de menú y nombre se archivos y carpetas.
bg_color: color de ventana
text_color: color de texto de nombres de archivos sin seleccionar
base_color: color de centro (fondo) de ventana
selected_fg_color: color de texto de archivos seleccionados
selected_bg_color: color de selección de texto, carpetas y barras de progreso
tooltip_fg_color: color de texto emergente (información de archivos)
tooltip_bg_color: color de fondo de texto emergente
clr_red: ??
clr_grn: color caja de ítem activados (Ej: Alt+F2 "[] Ejecutar en terminal"
clr_blu: color de borde de botones de confirmación


Acá les muestro unas imágenes donde los colores fueron reemplazados por rojo (#ff0000) para ver qué modifican.

apariencia

xfce


Otras imágenes que muestran los parámetros modificados y sus diferencias:

xfwm4
roundness: redondez de las pestañas.


Editar ventanas en xfce!
progressbarstyle


Escritorio


xubuntu
menuitemstyle


gestor de ventanas


apariencia


xfce


xfwm4




Bueno, espero que les haya gustado. Hay muchas opciones más para modificar como el tamaño de los scrollbar; las flechas que se ven en los extremos de cada uno; colores, brillo, contraste, etc, etc.
Pueden probar ustedes a ver que les sale. Tal vez encuentren un pasatiempo y nos puedan regalar un nuevo tema para xfce.

Gracias por leer y hasta la próxima.

4 comentarios - Editar ventanas en xfce!

ingente20 +1
aprendiendo algo mas, gracias
TheLinuxForce
Ajajaja joder tienes mucho tiempo >.< excelente tuto lo aria pero nuuuu me da locha xD
Altair8800
Muchas gracias, flaco!! La verdad que me viene muy bien para personalizar el aspecto del gestor de ventanas. Te tomaste el laburo de compartirlo con la gente. Abrazo.
Joaquinaiviat
De nada y gracias por comentar!