Convert colors to variables.

src/styles/components/_social.scss

@@ -21,18 +21,18 @@
 
 .#{$fa-css-prefix} {
   &.email {
-    color: #aaa;
+    color: $social-email-color;
   }
   &.facebook {
-    color: #45619d;
+    color: $social-facebook-color;
   }
   &.google {
-    color: #dd4b39;
+    color: $social-google-color;
   }
   &.twitter {
-    color: #00aced;
+    color: $social-twitter-color;
   }
   &.xing {
-    color: #fff;
+    color: $social-xing-color;
   }
 }

src/styles/global/_variables.scss

@@ -91,6 +91,14 @@ $fileinfo-downloading-size-border: #ddd;
 // settings
 $settings-version: #ccc;
 
+// social
+$social-email-color: #aaa;
+$social-facebook-color: #45619d;
+$social-google-color: #dd4b39;
+$social-twitter-color: #00aced;
+$social-xing-color: #fff;
+
+// breakpoints
 $breakpoint-small: 480px;
 $breakpoint-medium: 700px;
 $breakpoint-large: 1280px;