Styling von <span> und <del>

UX
1

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 „Gefällt mir“
2

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 „Gefällt mir“
3

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

2 „Gefällt mir“
4

Schlagen Sie also vor, dass wir hier sowohl Farbe als auch Unterstreichung/Durchstreichung verwenden? Für mich ist das in Ordnung, @awesomerobot, wenn Sie das einbeziehen möchten, scheint es eine winzige einfache Änderung zu sein.

1 „Gefällt mir“
5

Die Norm im Recht ist grüner Text und Unterstreichung für Einfügungen sowie roter Text und durchgestrichen für Löschungen. Ich glaube, GitHub Prose Diff verwendet einen grünen Hintergrund und eine Unterstreichung für Einfügungen und einen roten Hintergrund und durchgestrichen für Löschungen.

Ich würde dringend empfehlen, Farbe und Textdekoration zu kombinieren. Ich habe keine starke Meinung dazu, ob Text, Hintergrund oder beides gefärbt werden soll, solange der Ansatz für Einfügungen und Löschungen derselbe ist.

Es könnte sich auch lohnen, über den Dark Mode nachzudenken. Ich habe mir gerade einen GitHub Prose Diff angesehen, und es ist schwer, das Styling auf dem grauen Hintergrund des Dark Mode zu erkennen.

3 „Gefällt mir“
6

Mir recht, wenn @awesomerobot dafür ist, dann legen wir los!

4 „Gefällt mir“
9

Mir ist aufgefallen, dass GitHub nur Unterstreichungen und Durchstreichungen für <ins> und <del> in Kommentaren verwendet. Aber ich kann bestätigen, dass ich die Farbe wirklich vermisse. Es ist schwierig, alle Änderungen an einem großen Inhaltsblock auf einen Blick zu erkennen, ohne die Farbinformationen.

4 „Gefällt mir“
10

Immer noch dafür. Wenn @awesomerobot zustimmt, dann machen wir es.

2 „Gefällt mir“
11

Würde sich das auf alle auswirken? Ich benutze diese zum Hervorheben. LOL

4 „Gefällt mir“
12

Es würde jeden betreffen, aber <mark> funktioniert auch für <mark>Hervorhebung</mark>!

Ich denke, wir sollten sowohl Farb- als auch Textgestaltung machen; wir werden uns darum kümmern, es hat nur niedrige Priorität.

3 „Gefällt mir“
13
8 „Gefällt mir“
14

Stimmt, aber Grün und Rot bieten mehr Optionen. Könnte es eine Einstellung sein, um nur hervorzuheben oder Textformatierungen hinzuzufügen?

Ich habe sie in Blogs ziemlich oft verwendet. Sie werden sie komplett verändern.

Beispiel:

image
image711×116 18.8 KB

2 „Gefällt mir“
15

Kris muss 100% bestätigen, aber ich bin mir zu 99% sicher, dass wir den neuen Unterstrich/Durchstreichen schnell über eine Theme-Komponente auf Ihrer Website überschreiben können.

3 „Gefällt mir“
16

Ja, auf jeden Fall! Ich werde Ihr Theme aktualisieren, damit es keine Änderungen gibt!

4 „Gefällt mir“
17

Vielleicht @ThunderThighs mag Stile für mark.red, mark.green, mark.blue und so weiter?

Viele Freunde, die Textmarker verwenden, mögen es, mehrere Farben davon zu haben.

Sie könnten auch :before und :after Inhalte für Screenreader in Betracht ziehen, wenn die Farbkodierung wichtig ist. Andernfalls verstehe ich, dass viele Screenreader keine mark-Tags aussprechen, sondern nur deren Inhalte.

5 „Gefällt mir“