From 6d66fbab16c287cb4e45776c9187c4a80841bc82 Mon Sep 17 00:00:00 2001
From: p0lycarpio <arsene.reymond@free.fr>
Date: Sat, 24 Jun 2023 22:33:44 +0200
Subject: [PATCH] add color argument for  fa icons

---
 public/assets/config-demo.yml.dist  | 1 +
 src/components/services/Generic.vue | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/assets/config-demo.yml.dist b/public/assets/config-demo.yml.dist
index ac2b41182..a7e82092b 100644
--- a/public/assets/config-demo.yml.dist
+++ b/public/assets/config-demo.yml.dist
@@ -120,6 +120,7 @@ services:
         url: "https://www.buymeacoffee.com/bastien"
       - name: "r/selfhosted"
         icon: "fa-brands fa-reddit-alien"
+        color: "#ff4500"
         subtitle: "Bookmark example"
         tag: "reddit"
         url: "https://www.reddit.com/r/selfhosted/"
diff --git a/src/components/services/Generic.vue b/src/components/services/Generic.vue
index e441b0fae..d7ca1503c 100644
--- a/src/components/services/Generic.vue
+++ b/src/components/services/Generic.vue
@@ -16,7 +16,11 @@
               </div>
               <div v-if="item.icon" class="media-left">
                 <figure class="image is-48x48">
-                  <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i>
+                  <i
+                    style="font-size: 35px"
+                    :class="['fa-fw', item.icon]"
+                    :style="{ color: item.color }"
+                  ></i>
                 </figure>
               </div>
             </slot>