Proposal: Improve readability for tiddlers, that contain headings with a little bit of CSS

[pmario]

I'd like to propose some very subtle CSS changes, that imo greatly improve the readability for tiddlers that contain headings.

I'd be willing to add a class-field to all tiddlers that need it, without changing the "modified" date.

To reproduce:

• Open this link: Some documentation tiddlers, which are hard to read
• Now extract and import: improve-readability.zip
• See the difference.

The following screenshots only give a little glimpse. If you test with the JSON and the prerelease link you'll see what I want.

Before

After

[Jermolene]

Hi @pmario I think the idea is to use left margins (and padding) on everything except headings to move them to the right, presumably to make the headings easier to distinguish from the text. I think that it breaks an important typographic principle: maintaining a flush left margin. I've never seen a website that does this.

Perhaps a simpler approach is to increase the font-weight of the headings. I keep meaning to make a PR:

[pmario]

I've never seen a website that does this.

For me a tiddler is more like a "book page" than a "site page". font-weight is an improvement, to start with.

[Jermolene]

That's a reasonable perspective, and I can certainly imagine it being a useful technique to experiment, but I don't think it's universal enough for the core.