diff --git a/docs/documentation/overview/customize.html b/docs/documentation/overview/customize.html
index bd955d68..351a2a32 100644
--- a/docs/documentation/overview/customize.html
+++ b/docs/documentation/overview/customize.html
@@ -27,7 +27,22 @@ $danger: $orange
 // Use the new serif family
 $family-primary: $family-serif
 
-// 4. Import the rest of Bulma
+// 4. Setup your Custom Colors
+$linkedin: #0077B5
+$linkedin-invert: findColorInvert($linkedin)
+$twitter: #1DA1F2
+$twitter-invert: findColorInvert($twitter)
+$github: #222222
+$github-invert: findColorInvert($github)
+// Add new color variables to the color map.
+$addColors: (
+  "twitter":($twitter, $twitter-invert), 
+  "linkedin": ($linkedin, $linkedin-invert),
+  "github": ($github, $github-invert)
+)
+$colors: map-merge($colors, $addColors)
+
+// 5. Import the rest of Bulma
 @import "../bulma"
 {% endcapture %}