Skip to content

Commit

Permalink
Protect root against system color schemes
Browse files Browse the repository at this point in the history
System color schemes (in particular, custom themes in Windows and Linux
distros) affect Firefox, IE, and Opera. Normalizing the web site/app's
root background and text color prevents these unwanted settings from
being used. Chrome doesn't apply system-level schemes to websites.

Fix necolasgh-170
  • Loading branch information
necolas committed Apr 1, 2013
1 parent 8a925e0 commit 9078909
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 5 deletions.
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
== HEAD

* Normalize root `color` and `background` to counter the affects of system
color schemes.

== 2.1.0 (January 21, 2013)

* Normalize `text-transform` for `button` and `select`.
Expand Down
16 changes: 11 additions & 5 deletions normalize.css
Original file line number Diff line number Diff line change
Expand Up @@ -56,15 +56,21 @@ audio:not([controls]) {
========================================================================== */

/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* 1. Prevent system color scheme's background color being used in Firefox, IE,
* and Opera.
* 2. Prevent system color scheme's text color being used in Firefox, IE, and
* Opera.
* 3. Set default font family to sans-serif.
* 4. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/

html {
font-family: sans-serif; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
background: #fff; /* 1 */
color: #000; /* 2 */
font-family: sans-serif; /* 3 */
-ms-text-size-adjust: 100%; /* 4 */
-webkit-text-size-adjust: 100%; /* 4 */
}

/**
Expand Down

0 comments on commit 9078909

Please sign in to comment.