feat: add the socialColor parameter, remove color from social links if false (#1104)

razonyang · web-flow · commit c314550b6893 · 2025-02-13T19:23:36.000+08:00
Closes #1103
diff --git a/assets/main/scss/_config.scss b/assets/main/scss/_config.scss
@@ -36,3 +36,5 @@ $numberifyHeadingsEndLevel: {{ default 6 $params.post.numberifyHeadingsEndLevel
 $tocStyleType: '{{ default "none" $params.post.tocStyleType }}';
 
 $enable-viewer: {{ default true $params.viewer }};
+
+$socialColor: {{ default true $params.socialColor }};
diff --git a/assets/main/scss/_icons.scss b/assets/main/scss/_icons.scss
@@ -26,3 +26,9 @@
     }
   }
 }
+
+.fa-x-twitter {
+  .fa-secondary {
+    opacity: 1;
+  }
+}
diff --git a/assets/main/scss/_social-links.scss b/assets/main/scss/_social-links.scss
@@ -1,10 +1,16 @@
 .social-link {
   position: relative;
-  opacity: 0.8;
 
   &:hover {
-    opacity: 1;
     top: -2px;
     transition: top ease 0.5s;
   }
+
+  @if $socialColor {
+    opacity: 0.8;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
 }
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
@@ -74,6 +74,8 @@ viewer = true # Image Viewer
 
 # externalLinkIcon = false
 
+socialColor = false # Remove color from social links if false.
+
 [sidebar]
 # fixed = true
 # archives = true # Enable archives widget
@@ -300,6 +302,7 @@ reduceFontSize = true
 [feeds]
 # content = true
 
+# Set socialColor as false to disable the color.
 [social]
 email = "user@domain.tld"
 # facebook = "yourfacebookusername"
diff --git a/exampleSite/content/docs/configuration/site-params/index.md b/exampleSite/content/docs/configuration/site-params/index.md
@@ -74,6 +74,7 @@ The site parameters are located in `config/_default/params.toml` by default.
 | `fontSize.large` | String | `1.1rem` | Large font size.
 | `fontSize.extraLarge` | String | `1.2rem` | Extra large font size.
 | `social` | Object | - | [Social Links]({{< ref "/docs/widgets/social-links" >}}).
+| `socialColor` | Boolean | `true` | Remove color from social links if `false`. |
 | `socialShare` | Boolean | `true` | Turn on/off built-on social share button.
 | `searchBar` | Boolean | `true` | Turn on/off built-on search bar.
 | `archive` | Object | - | [Archive]({{< ref "/docs/layouts/archives" >}}).
diff --git a/exampleSite/content/docs/configuration/site-params/index.zh-hans.md b/exampleSite/content/docs/configuration/site-params/index.zh-hans.md
@@ -75,6 +75,7 @@ authors = ["RazonYang"]
 | `fontSize.large` | String | `1.1rem` | 大字体
 | `fontSize.extraLarge` | String | `1.2rem` | 更大的字体
 | `social` | Object | - | [社交链接]({{< ref "/docs/widgets/social-links" >}})。
+| `socialColor` | Boolean | `true` | 为 `false` 时，移除社交链接的颜色。 |
 | `socialShare` | Boolean | `true` | 启用/禁用内置的分享按钮
 | `searchBar` | Boolean | `true` | 启用/禁用搜索栏
 | **Archive**
diff --git a/exampleSite/content/docs/configuration/site-params/index.zh-hant.md b/exampleSite/content/docs/configuration/site-params/index.zh-hant.md
@@ -75,6 +75,7 @@ authors = ["RazonYang"]
 | `fontSize.large` | String | `1.1rem` | 大字體
 | `fontSize.extraLarge` | String | `1.2rem` | 更大的字體
 | `social` | Object | - | [社交鏈接]({{< ref "/docs/widgets/social-links" >}})。
+| `socialColor` | Boolean | `true` | 為 `false` 時間，移除社交鏈接的顏色。 |
 | `socialShare` | Boolean | `true` | 啟用/禁用內置的分享按鈕
 | `searchBar` | Boolean | `true` | 啟用/禁用搜索欄
 | **Archive**
diff --git a/layouts/partials/footer/social-links.html b/layouts/partials/footer/social-links.html
@@ -11,5 +11,5 @@
   "class" (cond (isset .Site.Menus "footer") "justify-content-between mb-2 mt-3" "mb-2 mt-3")
   "linkClass" "p-0 me-1 mb-2"
   "OutputFormats" $.OutputFormats
-  "home" (.GetPage "/") "params" .Site.Params) 
+  "home" (.GetPage "/") "params" .Site.Params)
 -}}
diff --git a/layouts/partials/helpers/social-links.html b/layouts/partials/helpers/social-links.html
@@ -40,7 +40,7 @@
 -}}
 {{- $size := default "" .size }}
 {{- $linkClass := default "" .linkClass }}
-{{- $color := default true .color }}
+{{- $color := default (default true site.Params.socialColor) .color }}
 {{- $iconText := default false .iconText }}
 {{- $iconTextClass := default "ms-1" .iconTextClass }}
 

Original file line number	Diff line number	Diff line change
`@@ -26,3 +26,9 @@`
`26`	`26`	`}`
`27`	`27`	`}`
`28`	`28`	`}`
	`29`	`+`
	`30`	`+.fa-x-twitter {`
	`31`	`+ .fa-secondary {`
	`32`	`+ opacity: 1;`
	`33`	`+ }`
	`34`	`+}`