diff --git a/_config.yml b/_config.yml
index 10c3130..57d523a 100644
--- a/_config.yml
+++ b/_config.yml
@@ -38,10 +38,10 @@ copy:
 
 # social settings (社交圖標設置)
 # formal:
-#   icon: link || the description
+#   icon: link || the description || color
 social:
-  # fab fa-github: https://github.com/xxxxx || Github
-  # fas fa-envelope: mailto:xxxxxx@gmail.com || Email
+  # fab fa-github: https://github.com/xxxxx || Github || '#24292e'
+  # fas fa-envelope: mailto:xxxxxx@gmail.com || Email || '#4a7dbe'
 
 # search (搜索)
 # see https://butterfly.js.org/posts/ceeb73f/#搜索系統
diff --git a/layout/includes/header/social.pug b/layout/includes/header/social.pug
index 80adfe9..b7b586e 100644
--- a/layout/includes/header/social.pug
+++ b/layout/includes/header/social.pug
@@ -1,4 +1,4 @@
 each url, icon in theme.social
   a.social-icon(href=url_for(trim(url.split('||')[0])) target="_blank" 
   title=url.split('||')[1] === undefined ? '' : trim(url.split('||')[1]))
-    i(class=icon)
\ No newline at end of file
+    i(class=icon style=url.split('||')[2] === undefined ? '' : `color: ${trim(url.split('||')[2]).replace(/[\'\"]/g, '')};`)
\ No newline at end of file