Error in error message not readable

For the record, here is the complete error message (note: the 'Failed to connect' part is in p.error and Seven renders the li's as regular p's because there are no bullets):

In order for Drupal to work, and to continue with the installation process, you must resolve all issues reported below. For more help with configuring your database server, see the Installation and upgrading handbook. If you are unsure what any of this means you should probably contact your hosting provider.

Failed to connect to your MySQL database server. MySQL reports the following message: SQLSTATE[28000] [1045] Access denied for user 'rooot'@'localhost' (using password: NO).

    * Are you sure you have the correct username and password?
    * Are you sure that you have typed the correct database hostname?
    * Are you sure that the database server is running?

For more help, see the Installation and upgrading handbook. If you are unsure what these terms mean you should probably contact your hosting provider.

Outcome of a conversation in IRC with Yoroy:
1. The error message is long, contains duplication and needs to be rewritten. Maybe the first paragraph can be deleted completely.
2. Seven's style.css defines div.error must have white text, but the pink text is in p.error, so it gets the pink color defined in system.css.
3. Probably, this long error message should be split into the actual error message and one or two help messages.
4. It is not clear if there is a need for separate p.error styling (visually different from the rest of div.error). It might not be needed at all, depending on point 3. If it is needed, p.error { color: #333 } looks good.

I'm not sure about the 'novice' tag. It would be pretty easy to add p.error { color: #333; } to /themes/seven/style.css, but instead of applying a quick CSS fix, it might be better to rewrite (and split up?) the entire message (see #1). For now, I'm setting the component to install system. I'll try to come up with a patch later this evening.

Regarding the conversation with Yoroy earlier: I've looked at the code, but currently there is no way to differentiate between the actual error and the help messages that come with it. It's all glued together in install.inc and then passed on to theme.maintenance.inc, where everything caused by an exception is regarded as an error. It would be nice if install.inc had the ability to return both error messages and help messages, but that would be a new feature (with quite some rewriting), so it's not an option for D7.

This leaves us with CSS that needs to be fixed in the Seven theme, and tobiasb made a good start. Tobias, I'm not thrilled with version 2, because it's too different from Seven's original graphic design. Version 1 is better IMHO, but still I would prefer some visual difference between the actual error message and the surrounding text. That's why I proposed p.error { color: #333; }; patch and screenshot attached.

By the way, the messages look even better with #563390: Seven theme lacks formatting on common html elements such as lists, paragraphs & <code> applied.