Align diff context colors to WikimediaUI color palette

Aligning diff context `background-color`, `color` and
`border-color` to overhauled WikimediaUI palette ones.

Bug: T152025
Change-Id: I70a4eeabfb0905941c093efad38fb1b21dbe4418

diff --git a/includes/FeedUtils.php b/includes/FeedUtils.php
index 0def6a0..b1c3ce6 100644 (file)
--- a/includes/FeedUtils.php
+++ b/includes/FeedUtils.php
@@ -236,18 +236,18 @@ class FeedUtils {
         */
        public static function applyDiffStyle( $text ) {
                $styles = [
         */
        public static function applyDiffStyle( $text ) {
                $styles = [

-                       'diff'             => 'background-color: white; color:black;',
-                       'diff-otitle'      => 'background-color: white; color:black; text-align: center;',
-                       'diff-ntitle'      => 'background-color: white; color:black; text-align: center;',
-                       'diff-addedline'   => 'color:black; font-size: 88%; border-style: solid; '
+                       'diff'             => 'background-color: #fff; color: #222;',
+                       'diff-otitle'      => 'background-color: #fff; color: #222; text-align: center;',
+                       'diff-ntitle'      => 'background-color: #fff; color: #222; text-align: center;',
+                       'diff-addedline'   => 'color: #222; font-size: 88%; border-style: solid; '

                                . 'border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; '
                                . 'vertical-align: top; white-space: pre-wrap;',
                                . 'border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; '
                                . 'vertical-align: top; white-space: pre-wrap;',

-                       'diff-deletedline' => 'color:black; font-size: 88%; border-style: solid; '
+                       'diff-deletedline' => 'color: #222; font-size: 88%; border-style: solid; '

                                . 'border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; '
                                . 'vertical-align: top; white-space: pre-wrap;',
                                . 'border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; '
                                . 'vertical-align: top; white-space: pre-wrap;',

-                       'diff-context'     => 'background-color: #f9f9f9; color: #333333; font-size: 88%; '
+                       'diff-context'     => 'background-color: #f8f9fa; color: #222; font-size: 88%; '

                                . 'border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; '
                                . 'border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; '

-                               . 'border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;',
+                               . 'border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;',

                        'diffchange'       => 'font-weight: bold; text-decoration: none;',
                ];
 
                        'diffchange'       => 'font-weight: bold; text-decoration: none;',
                ];
 

diff --git a/resources/src/mediawiki/mediawiki.diff.styles.css b/resources/src/mediawiki/mediawiki.diff.styles.css
index 7a73e98..6345020 100644 (file)
--- a/resources/src/mediawiki/mediawiki.diff.styles.css
+++ b/resources/src/mediawiki/mediawiki.diff.styles.css
@@ -71,9 +71,9 @@ td.diff-marker {
 }
 
 .diff-context {
 }
 
 .diff-context {

-       background: #f9f9f9;
-       border-color: #e6e6e6;
-       color: #333;
+       background: #f8f9fa;
+       border-color: #eaecf0;
+       color: #222;

 }
 
 .diffchange {
 }
 
 .diffchange {