Modern Default Override

This override is meant to be applied atop the default base skin — ./inskinerator -o modern — to give the following relative improvements:

• Larger fonts and more whitespace for readability, based on well-studied results of human psychovisual research.

  This change also makes Fossil accessible to the large group of people who lack 20/20 vision, yet who are not legally blind. (Basically, a lot of those over 40.)

  This override backs the font size adjustment out for Pikchr, since it has to estimate object sizes from assumed font metrics.

  We do the same for the size and whitespace adjustments for sufficiently small screens, presumed to be things like smartphones, since screen real estate is at a premium on small screens, and they have their own font size adjustment tech besides.

• Multi-line text input boxes — e.g., the forum post, ticket comment, and commit comment editors — fill the width of the browser window rather than use a fixed width. We think this makes more sense given that these boxes are used for composing text in reflowed markup languages by default, so any pretense that the width of your text as you compose it has anything to do with how it’s presented is simply wrong. (Not even in the case of the Plain Text option.)

  If you disagree because the resulting input boxes are too wide on your screen, then that just takes you to the prior point: the default font size in <pre> is larger than body text in part because of this.

• Allow the tab size in <pre> blocks to be overridden from the CSS default of 8 to anything you like using -D tab-size=4, so you don’t have to create your own override skin just to change this.

  (Arguably, we should do this up in the default base skin instead, but we’re trying to minimize the differences between our version and upstream, so we do it here.)

• The forum selected post and blockquote tinting colors are derived from the main accent color — a medium blue in the default skin — instead of being one-off colors in accord with the Inskinerator philosophy.

  Likewise, this override uses fewer distinct shades of gray, deriving them from the main menu background color, being the default skin’s “secondary highlight” color. Most of the time it's in small elements where the difference is difficult to discern, but it's quite noticeable in the default timeline view: the detail block tinting is lighter now.

  (Some of this is actually due to applying the core philosophy to base/default or to core/css, not actually a change in this override.)

• Tinted the hamburger menu drop-down to make it pop off the background using a shade of gray derived from that of the main menu bar.

• The timeline's "current commit" box now covers just the detail box, not the graph and timestamp columns.

• Hovering the mouse over ticket report tables highlights the row.

• Better list of monospace fonts for <pre> and <code> blocks.

• Align footer text to the right, purely for style.

• Disc-style bullets at all <ul> levels.

• Visited links are in a different color.

• Much better table styling.