Theme aesthetics

[rtanen]

I think that the current theme for this website is not very aesthetically pleasing, for reasons including the following:

• headings, paragraphs, and lists have different widths and background opacities
• headings, paragraphs, and lists do not form a visually unified whole due to not sharing a background
• the header at least in some cases makes the page wider than the window
• table borders aren't collapsed
• the "raw git" link is on the very left edge of the page, where no other content is
• almost all of the navigation bar at the top is a link to something, but it's not clear which whitespace is associated with which link due to there being no dividers between links
• the glowiness is a bit much

I'm developing a theme in a branch on my fork which addresses these issues by giving the html element the image background, giving the body element a max-width of 45em, making the header into tabs, collapsing the table borders, removing extra margins and backgrounds from things, etc, but I'm not sure if it's really pull-request-ready yet, so I thought I'd bring it up here first. I realize that this does reduce the width of tables on the site on larger screens, but I looked at some chord tables with the new theme and they don't seem to be significantly impacted.

[dspeyer]

I aten't dead

I've pushed some new CSS based in part on your fork. To address the specific points you raised:

headings, paragraphs, and lists have different widths and background opacities
headings, paragraphs, and lists do not form a visually unified whole due to not sharing a background

I've gone to a single width, but with some things not backgrounded and some fading toward the right. I think this strikes a reasonable balance between simplicity and lightness. I don't want to go to a single column of darkness because it would be too dark, too solid, and not enough of a role for the background.

the header at least in some cases makes the page wider than the window
table borders aren't collapsed
the "raw git" link is on the very left edge of the page, where no other content is

All fixed, with some more tweaks to the "raw git" link as well.

almost all of the navigation bar at the top is a link to something, but it's not clear which whitespace is associated with which link due to there being no dividers between links

I've given it a tabbed look similar to the one you wrote

the glowiness is a bit much

I've toned it down. But kept some. It fits too well conceptually to drop entirely.