Estilo de <ins> y <del>

Would it be possible to add the following styling for <ins> and <del>?

ins { text-decoration: underline; }
del { text-decoration: line-through; }

Example:

But soft, what light through thatyonder window breaks?

Red for deletions and green for insertions are very much conventional. Word processor features, such as Word’s Track Changes, universally use underlining and strikeout, as well. The default stylesheet of my Chrome browser does likewise. But I just see background-colored text on Discourse forums.

I suspect Discourse’s CSS reset may be clobbering it.

6 Me gusta

Relying on color alone is a little rough for red-green colorblind people, so that could help here too… simulated example:

Screen Shot 2021-11-02 at 1.30.56 PM

5 Me gusta

I suppose it’s also worth considering whether the color cue should be background, color, or both.

2 Me gusta

¿Así que sugieres que usemos tanto el color como el subrayado / tachado aquí? No tengo problema, @awesomerobot, si quieres incluirlo, parece un cambio pequeño y fácil.

1 me gusta

La norma en derecho es texto verde y subrayado para inserciones y texto rojo y tachado para eliminaciones. Creo que la diferencia de prosa de GitHub hace un fondo verde y subrayado para las inserciones y un fondo rojo y tachado para las eliminaciones.

Recomendaría encarecidamente combinar el color y la decoración del texto. No tengo una opinión firme sobre si colorear el texto, el fondo o ambos, siempre que el enfoque para las inserciones y eliminaciones sea el mismo.

También podría valer la pena pensar en el modo oscuro. Acabo de ver una diferencia de prosa de GitHub y es difícil ver el estilo sobre el fondo gris del modo oscuro.

3 Me gusta

De acuerdo conmigo, si @awesomerobot está a favor, ¡hagámoslo!

4 Me gusta

Noté que GitHub solo hace subrayado y tachado para <ins> y <del> en comentarios. Pero puedo confirmar que realmente echo de menos el color. Es difícil distinguir todos los cambios en un gran bloque de contenido de un vistazo sin las señales de color.

4 Me gusta

Todavía a favor. Si @awesomerobot está de acuerdo, hagámoslo.

2 Me gusta

¿Afectaría a todos? Los uso para resaltar. LOL

4 Me gusta

Afectaría a todos, pero \u003cmark\u003e también funciona para \u003cmark\u003eresaltar\u003c/mark\u003e.\n\nCreo que deberíamos hacer tanto el estilo de color como el de texto; lo haremos, solo que tiene baja prioridad.

3 Me gusta
8 Me gusta

Verdadero, pero el verde y el rojo ofrecen más opciones. ¿Podría ser una configuración para resaltar solo o agregar estilo de texto?

Los he usado bastante en blogs. Los cambiará por completo.

ejemplo:

2 Me gusta

Kris tendrá que confirmar al 100%, pero estoy 99% seguro de que podemos anular rápidamente el nuevo subrayado/tachado a través de un componente de tema en tu sitio.

3 Me gusta

¡Sí, definitivamente! ¡Actualizaré tu tema para que no haya ningún cambio!

4 Me gusta

¿Quizás @ThunderThighs querría estilos para mark.red, mark.green, mark.blue, y así sucesivamente?

A muchos amigos que usan resaltadores les gusta tener varios colores de ellos.

También podrías considerar el contenido :before y :after para lectores de pantalla si la codificación por colores es importante. De lo contrario, entiendo que muchos lectores de pantalla no pronuncian las etiquetas mark, solo su contenido.

5 Me gusta