JSONContent: Align to WikimediaUI color palette

Aligning JSONContent colors to WikimediaUI palette. There's no
definition for a color like `.mw-json .value` yet, we'll probably
further amend in future.

Bug: T152025
Change-Id: I09ddabf52c8d41ade0eca805f73f2c7bc5ade989

diff --git a/resources/src/mediawiki/mediawiki.content.json.less b/resources/src/mediawiki/mediawiki.content.json.less
index 91fa02a..e084ab8 100644 (file)
--- a/resources/src/mediawiki/mediawiki.content.json.less
+++ b/resources/src/mediawiki/mediawiki.content.json.less
@@ -13,7 +13,7 @@
 
 .mw-json th,
 .mw-json td {
-       border: 1px solid #808080;
+       border: 1px solid #72777d;
        font-size: 16px;
        padding: 0.5em 1em;
 }
@@ -26,7 +26,7 @@
 }
 
 .mw-json-single-value {
-       background-color: #eee;
+       background-color: #eaecf0;
 }
 
 .mw-json-empty {
@@ -35,8 +35,8 @@
 }
 
 .mw-json tr {
+       background-color: #eaecf0;
        margin-bottom: 0.5em;
-       background-color: #eee;
 }
 
 .mw-json th {
@@ -50,7 +50,7 @@
 }
 
 .mw-json table caption {
-       color: #808080;
+       color: #72777d;
        display: inline-block;
        font-size: 10px;
        font-style: italic;