(FAN-1588) Update brand colors for Facebook, Twitter, Reddit

Author: mklucsarits

app/templates/base-styles/colors.hbs

@@ -89,16 +89,16 @@
 <section>
 	<h2 id="alerts">Social</h2>
 	<div class="colors-wrapper">
-		{{color-box hex='#4760a5' name='Facebook' variable='$wds-color-social-facebook'}}
+		{{color-box hex='#3b5998' name='Facebook' variable='$wds-color-social-facebook'}}
 		{{color-box hex='#dd4b39' name='Google Plus' variable='$wds-color-social-googleplus'}}
 		{{color-box hex='#00c300' name='Line' variable='$wds-color-social-line'}}
 		{{color-box hex='#0077b5' name='LinkedIn' variable='$wds-color-social-linkedin'}}
 		{{color-box hex='#ff6400' name='Meneame' variable='$wds-color-social-meneame'}}
 		{{color-box hex='#4077a7' name='NK' variable='$wds-color-social-nk'}}
 		{{color-box hex='#f96900' name='Odnoklassniki' variable='$wds-color-social-odnoklassniki'}}
-		{{color-box hex='#5f99cf' name='Reddit' variable='$wds-color-social-reddit'}}
+		{{color-box hex='#ff4500' name='Reddit' variable='$wds-color-social-reddit'}}
 		{{color-box hex='#34465d' name='Tumblr' variable='$wds-color-social-tumblr'}}
-		{{color-box hex='#87c0fa' name='Twitter' variable='$wds-color-social-twitter'}}
+		{{color-box hex='#1da1f2' name='Twitter' variable='$wds-color-social-twitter'}}
 		{{color-box hex='#587ca3' name='VKontakte' variable='$wds-color-social-vkontakte'}}
 		{{color-box hex='#fb803f' name='Wykop' variable='$wds-color-social-wykop'}}
 		{{color-box hex='#ff8140' name='Weibo' variable='$wds-color-social-weibo'}}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-system",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "Design System developed for Wikia",
   "scripts": {
     "build": "npm run clean-build && npm run svgo-source && ember b -prod && cp -R style-guide/styles dist/scss && mv docs-dev/ docs &&  npm run svgo-dist",

style-guide/styles/wds-variables/_colors.scss

@@ -28,16 +28,16 @@ $wds-color-warning: #f08a24;
 $wds-color-link: #00b7e0;
 
 // ## Social network colors
-$wds-color-social-facebook: #4760a5;
+$wds-color-social-facebook: #3b5998;
 $wds-color-social-googleplus: #dd4b39;
 $wds-color-social-line: #00c300;
 $wds-color-social-linkedin: #0077b5;
 $wds-color-social-meneame: #ff6400;
 $wds-color-social-nk: #4077a7;
 $wds-color-social-odnoklassniki: #f96900;
-$wds-color-social-reddit: #5f99cf;
+$wds-color-social-reddit: #ff4500;
 $wds-color-social-tumblr: #34465d;
-$wds-color-social-twitter: #87c0fa;
+$wds-color-social-twitter: #1da1f2;
 $wds-color-social-vkontakte: #587ca3;
 $wds-color-social-wykop: #fb803f;
 $wds-color-social-weibo: #ff8140;