From: Volker E <volker.e@wikimedia.org>
Date: Wed, 18 Oct 2017 05:10:15 +0000 (-0700)
Subject: jquery.badge: Align with Echo notifications style and WikimediaUI palette
X-Git-Tag: 1.31.0-rc.0~1716^2
X-Git-Url: http://git.cyclocoop.org/%28%5B%5E//%22%22?a=commitdiff_plain;h=d681622328ad25a35b897a7685bb12566f718cb7;p=lhc%2Fweb%2Fwiklou.git

jquery.badge: Align with Echo notifications style and WikimediaUI palette

Aligning badge style to Echo notifications, ensuring WCAG level AA conformance
and also to WikimediaUI color palette.

Bug: T152025
Change-Id: I279a607f3c1b13ea6e21e59df0c6d21e525f587e
---

diff --git a/resources/src/jquery/jquery.badge.css b/resources/src/jquery/jquery.badge.css
index 2dbd4a5edd..1157c27d96 100644
--- a/resources/src/jquery/jquery.badge.css
+++ b/resources/src/jquery/jquery.badge.css
@@ -1,11 +1,11 @@
 .mw-badge {
+	background-color: #72777d;
 	min-width: 7px;
 	border-radius: 2px;
 	padding: 1px 4px;
 	text-align: center;
 	font-size: 12px;
 	line-height: 12px;
-	background-color: #d2d2d2;
 	cursor: pointer;
 }
 
@@ -13,7 +13,6 @@
 	font-weight: bold;
 	color: #fff;
 	vertical-align: baseline;
-	text-shadow: 0 1px rgba( 0, 0, 0, 0.4 );
 }
 
 .mw-badge-inline {