Skip to content

Quick and easy one: remove crud from body tag CSS #3045

Description

@StealthWombat

Ok, so current code is this:

body {
    background: #e9eef2;
    font: 83.33%/150% "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
    color: #222;
    margin: 0 auto;
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
}

A lot of that isn't needed any more. There are some leftovers from early alpha, before a better way of clearing floated content was implemented.

The other point is text contrast. This is a usability issue for some people, in that too much contrast can make the page pretty much impossible to read. This is more stuffz I didn't know back when I wrote the font stack. If you want to know more, check this page and the articles linked from it: http://blackwidows.co.uk/resources/color-contrast-analyser.php

If the color is changed to #4d4d4d this will meet W3C and AIM rules for contrast on most backgrounds in the theme, while not being dangerously high for people who have other reading impairments of several types. The current #222222 color gives a warning for excessive contrast on most backgrounds.

The only backgrounds where #4d4d4d won't give contrast meeting W3C and AIM rules for AAA level on standard text are sticky and locked/sticky, but even in these cases it will still meet the Hewlett-Packard standards and will still give AA level for W3C/AIM. If necessary, these classes can be declared as #333333. That will meet W3C/AIM rules for AAA level on those classes, without giving a warning for excessive contrast. Anyway, that's not relevant to the basic body tag.

What I suggest using is this:

body {
    background: #e9eef2;
    font: 83.33%/150% "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
    color: #4d4d4d;
    margin: 0;
    padding: 0;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions