resources: Consolidate on the WikimediaUI “erroneous” color value
authorVolker E <volker.e@wikimedia.org>
Tue, 22 Aug 2017 00:38:33 +0000 (17:38 -0700)
committerJforrester <jforrester@wikimedia.org>
Tue, 22 Aug 2017 21:09:08 +0000 (21:09 +0000)
“Erroneous” color was updated to `#d33` in WikimediaUI color palette to
ensure WCAG 2.0 level AA conformance with both white and black.

Replacing all occurences of `#f00` and `#c00` to reflect color palette
change with the following caveats and exceptions:

- MW config styles are not amended, as it is out of scope and all
  boundaries and applications of WikimediaUI are yet to be defined;

- oldshared.css is excluded, as WikimediaUI isn't touching old skins; &

- errorbox with its current background is getting a lowered textual
  contrast but we still provide enough contrast for text size and bolded
  font, and this needs to be seen as intermediate standardization step.

Bug: T152025
Change-Id: Iba3362abaa1702599f0d68860f579aea2114801c

resources/src/jquery/jquery.badge.css
resources/src/mediawiki.legacy/shared.css
resources/src/mediawiki.less/mediawiki.ui/variables.less
resources/src/mediawiki.special/mediawiki.special.apisandbox.css
resources/src/mediawiki/htmlform/styles.css
resources/src/mediawiki/mediawiki.apihelp.css

index 8e0e512..2dbd4a5 100644 (file)
@@ -32,5 +32,5 @@
 }
 
 .mw-badge-important {
 }
 
 .mw-badge-important {
-       background-color: #c00;
+       background-color: #d33;
 }
 }
index 1efcdd0..fbc9816 100644 (file)
@@ -153,7 +153,7 @@ span.history-deleted {
 
 .unpatrolled {
        font-weight: bold;
 
 .unpatrolled {
        font-weight: bold;
-       color: #f00;
+       color: #d33;
 }
 
 div.patrollink {
 }
 
 div.patrollink {
@@ -389,7 +389,7 @@ table.wikitable > caption {
 }
 
 .error {
 }
 
 .error {
-       color: #c00;
+       color: #d33;
 }
 
 .warning {
 }
 
 .warning {
@@ -423,7 +423,7 @@ table.wikitable > caption {
 }
 
 .errorbox {
 }
 
 .errorbox {
-       color: #c00;
+       color: #d33;
        border-color: #fac5c5;
        background-color: #fae3e3;
 }
        border-color: #fac5c5;
        background-color: #fae3e3;
 }
@@ -460,7 +460,7 @@ table.wikitable > caption {
 
 /* Note on preview page */
 .previewnote {
 
 /* Note on preview page */
 .previewnote {
-       color: #c00;
+       color: #d33;
        margin-bottom: 1em;
 }
 
        margin-bottom: 1em;
 }
 
index 0ad791b..0c897dc 100644 (file)
@@ -41,7 +41,7 @@
 @colorButtonTextHighlight: @colorGray4;
 @colorButtonTextActive: @colorGray1;
 @colorDisabledText: @colorGray12;
 @colorButtonTextHighlight: @colorGray4;
 @colorButtonTextActive: @colorGray1;
 @colorDisabledText: @colorGray12;
-@colorErrorText: #c00;
+@colorErrorText: #d33;
 @colorWarningText: #705000;
 
 // UI colors
 @colorWarningText: #705000;
 
 // UI colors
index 99d0222..750a567 100644 (file)
 
 .apihelp-deprecated {
        font-weight: bold;
 
 .apihelp-deprecated {
        font-weight: bold;
-       color: #f00;
+       color: #d33;
 }
 
 .apihelp-deprecated-value .oo-ui-labelElement-label {
 }
 
 .apihelp-deprecated-value .oo-ui-labelElement-label {
index a36b379..0f331ee 100644 (file)
@@ -9,7 +9,7 @@ table.mw-htmlform-nolabel td.mw-label {
 }
 
 .mw-htmlform-invalid-input td.mw-input input {
 }
 
 .mw-htmlform-invalid-input td.mw-input input {
-       border-color: #f00;
+       border-color: #d33;
 }
 
 .mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
 }
 
 .mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
index bd4741d..7ef32ea 100644 (file)
@@ -37,7 +37,7 @@ div.apihelp-linktrail {
 .apihelp-flag-deprecated,
 .apihelp-flag-internal strong {
        font-weight: bold;
 .apihelp-flag-deprecated,
 .apihelp-flag-internal strong {
        font-weight: bold;
-       color: #f00;
+       color: #d33;
 }
 
 .apihelp-deprecated-value {
 }
 
 .apihelp-deprecated-value {