Merge pull request #111 from Wikia/FAN-1588-2

(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'}}

dist/css/styles.css

@@ -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;

dist/scss/wds-variables/_colors.scss

@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
-<meta name="design-system/config/environment" content="%7B%22modulePrefix%22%3A%22design-system%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22/%22%2C%22locationType%22%3A%22hash%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22design-system%22%2C%22version%22%3A%224.2.2+b43c0620%22%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
+<meta name="design-system/config/environment" content="%7B%22modulePrefix%22%3A%22design-system%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22/%22%2C%22locationType%22%3A%22hash%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22design-system%22%2C%22version%22%3A%225.0.0+9bbc9818%22%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
 
     <link rel="stylesheet" href="/assets/vendor.css">
     <link rel="stylesheet" href="/assets/design-system.css">

docs/assets/design-system.css

@@ -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;