commit d7b5b08e4105844ec55fbbca889c70957e1686d0
parent 94a5bfb4d1edd5f63398d999f4fe4cd04434d14a
Author: fjbalon <fjbalon@templier.es>
Date: Sat, 27 Jun 2026 16:56:57 +0200
Generalizado estilo para códigos diff en CSS
Diffstat:
3 files changed, 6 insertions(+), 15 deletions(-)
diff --git a/article.css b/article.css
@@ -91,6 +91,12 @@ code {
overflow-x: auto;
}
+.diff .add {color:#00ff9d;}
+.diff .del {color:#ff5f5f;}
+.diff .header {color:#569cd6;}
+.diff .hunk {color:#d7ba7d;}
+.diff .info {color:#848484;}
+
codeb {
font-family: monospace;
font-size: inherit;
diff --git a/dmenu/index.html b/dmenu/index.html
@@ -17,14 +17,6 @@
<p>La versión inicial es muy sencilla, al ser llamado mediante el comando <emb>dmenu</emb>, que por defecto dwm trae con acceso directo mediante teclas (<kbd>Mod1</kbd>+<kbd>p</kbd>, aunque yo personalmente lo he modificado a <kbd>Mod4</kbd>+<kbd>r</kbd>, me gusta más), ejecuta en la barra superior el lanzador, que conforme escribes irá indicando una lista de coincidencias, con una siempre seleccionada.</p>
<p>Pero el código tiene algunas limitaciones para con mi forma de trabajar, por lo que he aplicado algunos cambios para que sea más ameno y útil su uso. Estos son los cambios que he realizado:</p>
-<style>
- .diff .add {color:#00ff9d;}
- .diff .del {color:#ff5f5f;}
- .diff .header {color:#569cd6;}
- .diff .hunk {color:#d7ba7d;}
- .diff .info {color:#848484;}
-</style>
-
<ol>
<li>Originalmente, como suele ser en el entorno de Linux, es <i>case sensitive</i>. Generalmente lo prefiero así, es más preciso. Sin embargo, siendo que se trata de un lanzador que quiero que sea rápido, o que me ayude a buscar con facilidad; prefiero que sea <i>case insensitive</i>. En suckless hay un parche oficial para ello (<a href="https://tools.suckless.org/dmenu/patches/case-insensitive/">case-insensitive</a>), que he aplicado:
<pre><code class="diff"><span class="info">diff --git a/dmenu.c b/dmenu.c</span>
diff --git a/slock/index.html b/slock/index.html
@@ -18,13 +18,6 @@
<p>Por su funcionamiento, radicalmente mínimo y unido al sistema operativo, podemos verlo como un sistema muy seguro. Eso sí, cuenta con las limitaciones propias de todos los bloqueadores de pantalla de X11, como que el usuario puede cambiar a otra tty, otro usuario o sesión podría matar X y cosas así. No son errores, ni si quiera problemas de seguridad, pues la sesión se mantendría protegida aun matándola o cambiando de tty; pero son limitaciones que el usuario debe conocer, desde luego.</p>
<p>La estética inicial es tan sobria como un par de colores que indican si el usuario ha empezado a escribir la contraseña (azul), si ha fallado al introducirla (rojo) o si ha accedido (no hay color, entra en la sesión con normalidad). Si bien esta forma visual es extremadamente vaga, para mi gusto.</p>
<p>Por lo tanto, lo que más estético me ha parecido es aplicar el llamado parche <i>Blured or pixelated screenshot</i>:</p>
-<style>
- .diff .add {color:#00ff9d;}
- .diff .del {color:#ff5f5f;}
- .diff .header {color:#569cd6;}
- .diff .hunk {color:#d7ba7d;}
- .diff .info {color:#848484;}
-</style>
<pre><code class="diff"><span class="info">diff --git a/config.mk b/config.mk</span>
<span class="info">index 74429ae..987819e 100644</span>
