Projekt: Wiki-Makeover (Stand 02.03)

[Matthias Scharwies]

Servus Griaß euch!

wiki-test.selfhtml.org/wiki/SELFHTML

Probiert's im Firefox mal mit F12 und Mond-Symbol aus:

Mir sind so einige Fehler aufgefallen:

1. Link-Animation zu auffällig?

Ich hab jetzt ein prefers-reduced-motion{ } eingebaut.

2. externe Links kennzeichnen, Links auf Blog und Forum aber nicht

• CSS#Weblinks
• SELFHTML:Verein

Ist mittlerweile erledigt, habe auch Links auf pdf und mailto in Arbeit. Die überschreiben sich aber dauernd. Das muss ich zuhause auf dem großen Bildschirm sortieren.

4. Beispiel-Vorlage hat gelben Hintergrund, aber auch BeispielText, der dann viel zu hell aussieht. (Evtl. entwerfen wir/man ein CSS für die ganzen Syntax-Highlighting-spans)

Ist jetzt geändert:

Ich wollte eigentlich den {{BeispielText|...}} auch ganz dunkel haben, das sieht aber bei mehr Kombinationen komisch aus. Mittlerweile habe ich den Beispieltext oft als normalen Textabsatz druntergesetzt.

Das Syntax-Highlighting für den Dark Mode hat 10min gedauert. Leider ist es im Light Mode nicht konsistent:

Neuere Eigenschaften wie Border-radius werden getrennt, warum auch immer?

5. Tabellen mit class .wikitable haben festen weißen Hintergrund

Das ist mittlerweile auch gelöst: Tabellen#Auszeichnung_von_Tabellen_in_Wiki-Syntax

6. SVG im Darkmode (schaut Euch mal https://wiki.selfhtml.org/wiki/CSS/Tutorials/Transform/Drehen,_Kreisen_und_Pendeln#rotate3d() im Dark Mode an!)

Manche Seiten find ich gar nicht schlecht:

Was mir noch auffällt:

1. Sidebar-Links verschwinden bei :hover;
2. kbd ist hellgrau auf hellgrau
3. …

Und Euch? Wo hakt noch etwas?

Ich nehme die fehlende Rückmeldung mal als großes Kompliment, dass alles passt! („Net geschimpft ist Lob genug!“)

Herzliche Grüße

Matthias Scharwies

BTW: Die MDN hat seit gestern auch einen Dark Mode!