Personalizar Bookwormpup JWM sólo con un tema de iconos

[nilsonmorales]

Code: Select all

logo="           \e[38;5;31m                  
█████▙
██  ██
█████▛\e[38;5;61m██  ██\e[38;5;24m██▀█▙\e[38;5;116m██▀█▙\e[38;5;216m██  ██
\e[38;5;31m██    \e[38;5;61m██████\e[38;5;24m██▄█▛\e[38;5;116m██▄█▛\e[38;5;216m▜█▙▟█▛
            \e[38;5;24m██   \e[38;5;116m██     \e[38;5;216m██
\e[38;5;31m██    \e[38;5;61m██\e[38;5;24m██▙  ██\e[38;5;116m██  ██\e[38;5;216m▜█   █▛
\e[38;5;31m██    \e[38;5;61m██\e[38;5;24m██▜█▙██\e[38;5;116m██  ██  \e[38;5;216m▜█▙
\e[38;5;31m██████\e[38;5;61m██\e[38;5;24m██  ▜██\e[38;5;116m██████\e[38;5;216m▟█   █▙ "

otros valores son
format_info=" -c 167 "
local char="▟■▛"

[nilsonmorales]

Code: Select all

logo="           \e[38;5;114m                  
█████▙
██  ██
█████▛\e[38;5;155m██  ██\e[38;5;221m██▀█▙\e[38;5;172m██▀█▙\e[38;5;32m██  ██
\e[38;5;114m██    \e[38;5;155m██████\e[38;5;221m██▄█▛\e[38;5;172m██▄█▛\e[38;5;32m▜█▙▟█▛
\e[38;5;33m██    \e[38;5;9m██\e[38;5;174m██▙ \e[38;5;221m██\e[38;5;174m█\e[38;5;49m██\e[38;5;172m██\e[38;5;49m██\e[38;5;229m▜█ \e[38;5;31m██\e[38;5;229m█▛    
\e[38;5;33m██    \e[38;5;9m██\e[38;5;174m██▜█▙██\e[38;5;49m██  ██  \e[38;5;229m▜█▙
\e[38;5;33m██████\e[38;5;9m██\e[38;5;174m██  ▜██\e[38;5;49m██████\e[38;5;229m▟█   █▙"

Mas compacta

[nilsonmorales]

Code: Select all

logo="                            
               \e[38;5;77m ▄▟
             ▟█▛  
            █▛ 
     ▄▄████▄▄▄▄████▄▄      
  \e[38;5;221m▄███████████████████▄    
 \e[38;5;208m██████████████████████▄  
\e[38;5;124m███████████████████▀▀       
\e[38;5;205m██████████████████     
\e[38;5;54m███████████████████▄▄  
 \e[38;5;4m▀█████████████████████▀ 
   \e[38;5;9m▀██████████████████▀    
     \e[38;5;35m▀▀████▀▀▀▀████▀▀" 

La manzana de apple

[nilsonmorales]

Code: Select all

logo="    
   \e[38;5;124m▄▄▀▀▀▀▀▀▀▀▀▀▀▄▄▄
  ▄█            █\e[38;5;255m█\e[38;5;124m█▄
 █     \e[38;5;255m███\e[38;5;124m      █\e[38;5;255m███\e[38;5;124m█
█             ▄█\e[38;5;255m█████\e[38;5;124m█
█       ▄▄▄▄▄█\e[38;5;255m███████\e[38;5;124m█
█     ▄█\e[38;5;255m█████████████\e[38;5;124m█
 █   █\e[38;5;255m██████\e[38;5;124m███\e[38;5;255m█████\e[38;5;124m█
 ▀█  █\e[38;5;255m████████████\e[38;5;124m█▀
   ▀▀█\e[38;5;255m███████████\e[38;5;124m█▀
      ▀▀▀▀▀▀▀▀▀▀▀                  " 

Yin Yang

[nilsonmorales]

Code: Select all

logo="                                     \e[38;5;232m
                         █████████████
██████    ██████       █████████████████ 
  █████▄▄█████       █████████████████████                 
    ████████       █████████\e[38;5;15m███\e[38;5;232m████\e[38;5;15m███████\e[38;5;232m
      ██████████████████████\e[38;5;232m█████\e[38;5;15m█████████\e[38;5;232m
      █████████████████████████\e[38;5;15m███████████\e[38;5;232m
      ███████████████████████\e[38;5;15m█████████████\e[38;5;232m
      █████████████████████\e[38;5;15m█████████████\e[38;5;232m
         █████████████████\e[38;5;15m████████████
              ▀█████\e[38;5;232m████\e[38;5;15m█████████▀▀▀
                  \e[38;5;232m██████   ████
                  ████     ██                    "

Una ballena Orca

[nilsonmorales]

Crea tu propio tema global
vamos a ayudarnos de un script y de muchas configuraciones explicadas a lo largo de estas publicaciones, para esa tarea pero antes vamos a detallar un poco. La idea de crear un ¨tema global¨ por así decirlo es por algo que pasa en puppy, cambiar el tema de iconos, el tema gtk, el wallpaper y conky no es suficiente, puppy se sigue viendo igual, hacer una modificación a la estética es algo que lleva tiempo y debe de ser homologado, incluso han llegado a preguntar algunos en otro foros 'que os estas usando', o 'que distro es' para que veas el impacto de cambiar toda la apariencia de puppy sin recurrir a mas carga de ram o cpu, claro algunas cosas como las transparencias consumen, pero si tienes un equipo decente no se nota la diferencia, bueno vamos por partes

1-Rox-Filer y su barra de herramientas, los iconos mimetype, los DirIcons de spot y rox, las opciones de vista de miniaturas
2-JWM los colores del panel, los elementos que se van a mostrar, posición , si vas a agregar un segundo panel, y los colores de los marcos de las ventanas, las fuentes
3-Los botones de las ventanas y su posicion en ellas
4-Los atajos del teclado
5-Los iconos de memoria restante y firewall
6- El tema de iconos del menu y el pinboard y el tema completo de iconos general aunque solamente de los temas que usan las distros linux solo se usan algunos como los mimetypes, status, actions, usaremos el pack completo por si los llegamos a usar en otros ambientes distintos de jwm, aquí vamos modificar los iconos del sonido y del administrador de red conman-gtk-ui
7-Las transparencias
8-Conky
9--El prompt o la terminal
10-El fondo de escritorio

Lo primero que haremos es crear un directorio y dentro de él iremos formando un árbol de archivos como si fuera un minisistema y ahí iremos poniendo los elementos que editaremos, archivos, iconos, configuraciones etc, ejemplo /home/spot/.DirIcon o /root/Startup/conkystart

Descarga un tema de iconos y un tema gtk para ventanas si no quieres usar alguno que venga en puppy, en gnome-look.org puedes encontrar muchos, los pones en sus respectivas rutas para empezar a enviar la modificaciones a nuestro directorio de tema global.

Vas a tener que valerte de algún editor de imágenes como gimp o inkscape si es necesario reducir o ampliar imágenes o crear elementos nuevos y que se vean acordes al tema, si no puedes, solicita mi ayuda y con mucho gusto lo hacemos.

El tema de iconos que me he bajado se llama Plaguesur (/usr/share/icons )y el tema gtk que voy a usar se llama macOS-dark (/usr/share/themes) aprovechando que tratare de simular un tema mac para linux bien ahora las fuentes que uso son Agave nerd fonts, voy a Legacy Theme tools y en la seccion gtk-theme los selecciono.

1-ROX-Filer
abro rox, le doy clic derecho en cualquier espacio vacion y busco las opciones -- miniaturas --mostrar miniaturas y luego opciones --tipos --tema de iconos y selecciono plaguesur, bien el primer cambio ahora debo crear mi archivo de la carpeta spot (/home/spot/spot.png y creo un enlace simbólico a .DirIcon en ese mismo directorio )para que se vea similar a las de tema, listo pero me faltan los mimetipes para los pets, los sfs y los directorios-inode entonces voy con inkscape y los edito a mi gusto , sus respectivos nombres son:
application-pet.svg
application-x-squashfs-image.svg
inode-mount-point.svg

solo haria falta el icono del directorio de rox y 3 iconos de la barra de herramientas del mismo estos estan dentro de /usr/local/apps/ROX-Filer tomo un icono del tema en places y en esa misma ruta esta el directorio de imágenes.


los archivos son:
rox-select.png
rox-show-details.png
rox-show-hidden.png toman unos svg de la carpeta actions 24 y los renombra asi incluso la extensión, también alternativamente hay 2 en 16x16 son rox-xattr.png y symlink.png
Eso es todo sobre rox ahora debes enviar todo eso a tu directorio de tema global siguiendo las rutas, comprimes los temas gtk y de iconos en tar.gz por separado dentro de una carpeta llamada tar-themes al final te dare un listado para que compares tus archivos en el tema.

[nilsonmorales]

2-JWM
Esta parte es primordial para darle un aspecto fresco al panel, jwm puede tener degradados en su paneles aunque eso en estos tiempos casi no se usa, la mayoría usa colores planos, bien para el color del panel nos vamos a valer siempre de Legacy theme tools-- JWM eso va abrir el jwm theme switcher y ahi encontraras el builder o constructor de temas, ahi puedes seleccionar el tipo de letra o fuente la geometría de las ventas y por supuesto los colores del panel si ves que hay 2 valores es por que como te dije al principio se pueden poner degradados en el panel, trata de compaginar todo para que se vea bien, le pones un nombre a tu panel, vas guardando y vas seleccionando para que veas como te quedan los cambios. Las configuraciones son window, menu, tray, tray button, tasklist, pager, popup, y clock en publicaciones anteriores te explique para que sirve cada uno cuando guardes tu archivo de configuaracion se ira a /usr/share/jwm/themes.
buscas ese archivo y lo abres para agregar configuraciones para la opacidad y la alineacion del texo en la ventana, lo haces como en este ejemplo

Code: Select all

  <WindowStyle>
	  <Opacity>0.90</Opacity>
    <Font align="center">URWGothic-12:bold</Font>

y asi puedes hacer con la opacidad de otros elementos del panel, podras configurar fuentes y colores a tu gusto.
Si vas a agregrar un 2do, 3ro, panel a jwm como para usarlo como dock de lanzadores tipo wbar, cairo-dock, plank, etc debes configurar el archivo /root/.jwmrc y colocar esto al final, ya lo trae solo agrega lo del 2 panel

Code: Select all

<!-- Include external rc files -->
<Include>/root/.jwmrc-tray</Include>
<Include>/root/.jwmrc-tray2</Include>

ahora puedes crear tu archivo .jwmrc-tray2 aqui te dejo un modelo

Code: Select all

<?xml version="1.0"?>
<JWM>
	<Tray autohide="on" insert="right" width="0" height="54" layer="above" layout="horizontal" halign="center" valign="bottom" >
		<Spacer width="10" height="10"/>
		<TrayButton popup="File" icon="/usr/local/lib/X11/pixmaps/home48.png">exec:defaultfilemanager</TrayButton>
		<TrayButton popup="Setup" icon="/usr/local/lib/X11/pixmaps/configuration48.png">exec:PupControl</TrayButton>
		<TrayButton popup="Console" icon="/usr/local/lib/X11/pixmaps/console48.png">exec:defaultterminal</TrayButton>
		<TrayButton popup="Process" icon="/usr/local/lib/X11/pixmaps/pc48.png">exec:defaultprocessmanager</TrayButton>
		<TrayButton popup="Edit" icon="/usr/local/lib/X11/pixmaps/edit48.png">exec:defaulttexteditor</TrayButton>
		<TrayButton popup="Write" icon="/usr/local/lib/X11/pixmaps/word48.png">exec:defaultwordprocessor</TrayButton>
		<TrayButton popup="Calc" icon="/usr/local/lib/X11/pixmaps/spread48.png">exec:defaultspreadsheet</TrayButton>
		<TrayButton popup="Paint" icon="/usr/local/lib/X11/pixmaps/paint48.png">exec:defaultpaint</TrayButton>
		<TrayButton popup="Take a shot" icon="/usr/local/lib/X11/pixmaps/camera48.png">exec:tas</TrayButton>		
		<TrayButton popup="Browse" icon="/usr/local/lib/X11/pixmaps/www48.png">exec:defaultbrowser</TrayButton>
		<TrayButton popup="Calculator" icon="/usr/local/lib/X11/pixmaps/calculator48.png">exec:galculator</TrayButton>
		<TrayButton popup="Chat" icon="/usr/local/lib/X11/pixmaps/chat48.png">exec:weechat</TrayButton>
		<TrayButton popup="Pmount" icon="/usr/local/lib/X11/pixmaps/drive48.png">exec:pmount</TrayButton>
		<TrayButton popup="Archive" icon="/usr/local/lib/X11/pixmaps/archive48.png">exec:xarchiver</TrayButton>
		<TrayButton popup="Date" icon="/usr/local/lib/X11/pixmaps/date48.png">exec:osmo</TrayButton>
		<TrayButton popup="Play" icon="/usr/local/lib/X11/pixmaps/multimedia48.png">exec:defaultmediaplayer</TrayButton>
				<TrayButton popup="Lock" icon="/usr/local/lib/X11/pixmaps/lock-screen48.png">exec:xlock</TrayButton>
		<TrayButton popup="Connect" icon="/usr/local/lib/X11/pixmaps/connect48.png">exec:connman-gtk-ui</TrayButton>
		<TrayButton popup="Utility" icon="/usr/local/lib/X11/pixmaps/utility48.png">exec:quicksetup</TrayButton>
		<TrayButton popup="Trash" icon="/usr/local/lib/X11/pixmaps/trashcan_empty48.png">exec:rox .Trash</TrayButton>
		<TrayButton popup="Exit" icon="/usr/local/lib/X11/pixmaps/shutdown48.png">exec:/usr/local/jwmdesk/logout_gui_jwm</TrayButton>
		<Spacer width="10" height="10"/>
	</Tray>
</JWM>

si te fijas la 3 linea es la que define el centrado, auto ocultar, ancho, largo, espacio, etc
he usado solo rutas de iconos de tema, para que se cambien todos al usar otro.

3-Los botones de las ventanas
en tu archivo de tema de jwm, donde configuraste los colores, fuentes, opacidad /usr/share/jwm/themes/tu-archivo-de-tema agrega esta linea

Code: Select all

<?xml version=1.0?>
<JWM>	
<TitleButtonOrder>ximtw</TitleButtonOrder>
  <WindowStyle>

Donde en titlebuttonorder significa
ximtw
x=Botón cerrar
i=Botón minimizar
m=Botón maximizar
t=Texto o titulo de la ventana
w=Icono de la ventana
entonces esa sera la posición de izquierda a derecha
Para crear tu tema de botones personalizado, lo puedes hacer en /usr/local/jwmdesk/jwm_buttons_themes/tu-thema y en formato svg
close.svg
maxact.svg
max.svg
min.svg
y elegirlo desde jwm tool legacy

4-Los atajos del teclado
Los temas globales ya vienen con atajos de teclado predeterminados y si los quieres recordar abre una terminal y escribe

Code: Select all

keyhint.sh

luego enter y podrás verlos, pero si quieres agregar mas atajos el archivo donde los he puesto es /root/.jwm/jwmrc-personal ahi puedes agregar los que tu quieras, en las primeras explicaciones te explique como, pero el comando xev también te puede servir para identificar algunas teclas dependiendo de tu teclado.

5-Los iconos de memoria restante y firewall
Esto es algo muy propio de puppylinux no creo que otras distros lo manejen asi como aquí, originalmente estos iconos no los toma del tema global por eso aunque cambies de iconos siempre permanecerán igual, pero la ubicación de estos iconos estan en /usr/share/pixmaps/puppy y se llaman shield_yes, no, y los container_0 hasta el 4, asi que he creado un cambiador de iconos que envia un enlace simbólico a ese directorio y que se encuentra en /root/.icons/panel-icons/ aqui creas tus propios temas y te ayudas con el script que publique al principio, cuando bajes un tema de iconos tendras que pensar en tus iconos personalizados para el cortafuegos, una pared, una llama, un escudo etc lo que se te ocurra que vaya de acuerdo a tu tema y para los de memoria restante es algo que se va agotando tu espacio de disco, tu espacio personal de persistencia, depende como sea tu instalación imagina algo que se va vaciando de apoco, un pastel, un reloj de arena, o como un medidor de batería que se va agotando sin confundirlos claro, eso también ya esta explicado anteriormente, el script se encarga de montar tu tema de iconos y reiniciar esas aplicaciones para que puedas ver como queda.

[nilsonmorales]

6-Los iconos del Menu y el Pinboard
Jwm se encarga de generar el menu de puppy y rox de los iconos del escritorio, puppy venia con esas adaptaciones pensadas por su creador, por tal razón los packs de iconos para linux standars no modifican esto al instalarse, pero se sabe que los temas de iconos para el menu de jwm y rox pinboard van en /usr/local/lib/X11/themes, y el espacio del tema actual esta en /usr/local/lib/X11/pixmaps el script cambiador de iconos o icon_switcher se encarga de convertir y pasar los iconos dentro de los temas a X11/pixmaps y este es aquí de donde jwm y rox van a tomarlos para mostrarlos en el escritorio y en el menu, son alrededor de entre 30 y 40 iconos para tener un pack completo, como hacerlo ya esta explicado anteriormente.

Los iconos de red y volumen son los que mas han cambiado con el tiempo ya que ahora se utilizan otros programas para controlarlos, por ejemplo alsa se ha dejado de usar y tambien otros administradores de red como el caso de frisbee en bookworm por lo general estos se toman dentro de un pack de iconos para linux de:
tema/status/24 o tema/24x24/status
audio-volume-high.svg, low, mute etc y
tema/status/24/symbolic/network-idle-symbolic,svg disconnected, etc al menos en esas rutas me ha funcionado con bookwormpup64 empieza por ahí.

7-Las transparencias
El efecto de transparencia u opacidad de la ventana lo da un compositor para X llamado picom y tiene una interfaz que se llama picom-gtk lo puedes ejecutar desde consola, viene desactivado por defecto asi que si debes activarlo desde la interfaz, por defecto los valores vienen para que las ventanas inactivas sean transparentes pero yo he cambiado eso y solamente los marcos de las ventanas tienen transparencia, el archivo de configuración va en el tema global.

8-Conky es un monitor de estado para linux con mucha documentación no me voy a extender mucho en eso. Puedes hallar un montón de temas para conky y usar el que mejor se adapte a tus necesidades.

9-El prompt o la terminal es un punto extra en la personalizacion de todo linux, esto no viene por defecto en puppy, puedes usar fastfetch, neofetch, etc, para el tema global he usado synt-shell y lo he explicado mucho y he hecho como 20 logos con bloques también los archivos de configuración se han compartido para que los use como usted desee.

10-El fondo de escritorio usa el que mas te guste hay infinidad de sitios que ofrecen wallpaper, generados por IA, anime, paisajes etc, siempre ten en cuenta el balance de colores entre los temas de iconos, tema gtk, panel etc para elegir un buen fondo de escritorio.

[nilsonmorales]

11-Bonus
He agregado cortile, con su configuración para desactivarlo haganlo con las teclas Ctrl-Shift-r, también he explicado esto anteriormente.

Edite .xinitrc para que no se muestren los iconos de escritorio, nada practico, solo para poder simular el tema cuasi-mac que hice para el tutorial, comentan linea 156 en el script y ya no veran los iconos de las unidades en el escritorio, tendrán que montarlas desde el dock-panel o jwmtray2 con pmount

Los archivos de configuración también deben copiarse como un ejemplo, el tema de iconos en etc, el fondo de escritorio, el tema gtk todas esas configuraciones deben agregarlas al paquete, con el script de instalación, revisen, copien, modifquen, editenlo para que les tome todo como ustedes quieran, eso se encarga de poner todo en su lugar y reinicar X, hice esto a medida de ejercicio para que cualquiera pueda crear sus propios temas globales.

Tema Global PlagueSur
https://u.pcloud.link/publink/show?code ... gioywDRjLV

FIN...