Merge pull request #307 from robinschneider/icon-color

Added custom fontawesome icon color option with link property

4 files changed, 7 insertions, 0 deletions

diff --git a/docs/configuration.md b/docs/configuration.md
index e4ddfcf..50b5bd5 100644
--- a/docs/configuration.md
+++ b/docs/configuration.md
@@ -52,6 +52,7 @@ colors:
     text-title: "#303030"
     text-subtitle: "#424242"
     card-shadow: rgba(0, 0, 0, 0.1)
+    link: "#3273dc"
     link-hover: "#363636"
     background-image: "assets/your/light/bg.png"
   dark:
@@ -65,6 +66,7 @@ colors:
     text-title: "#fafafa"
     text-subtitle: "#f5f5f5"
     card-shadow: rgba(0, 0, 0, 0.4)
+    link: "#3273dc"
     link-hover: "#ffdd57"
     background-image: "assets/your/dark/bg.png"
 
diff --git a/public/assets/config.yml.dist b/public/assets/config.yml.dist
index 65c5098..acdd32c 100644
--- a/public/assets/config.yml.dist
+++ b/public/assets/config.yml.dist
@@ -24,6 +24,7 @@ colors:
     text-title: "#303030"
     text-subtitle: "#424242"
     card-shadow: rgba(0, 0, 0, 0.1)
+    link: "#3273dc"
     link-hover: "#363636"
   dark:
     highlight-primary: "#3367d6"
@@ -36,6 +37,7 @@ colors:
     text-title: "#fafafa"
     text-subtitle: "#f5f5f5"
     card-shadow: rgba(0, 0, 0, 0.4)
+    link: "#3273dc"
     link-hover: "#ffdd57"
 
 # Optional message
diff --git a/src/assets/app.scss b/src/assets/app.scss
index f2dfb37..c709282 100644
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -31,6 +31,7 @@ body {
     transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
 
     a {
+      color: var(--link);
       &:hover {
         color: var(--link-hover);
       }
diff --git a/src/assets/defaults.yml b/src/assets/defaults.yml
index ae4f523..ed1fbc9 100644
--- a/src/assets/defaults.yml
+++ b/src/assets/defaults.yml
@@ -23,6 +23,7 @@ colors:
     text-title: "#303030"
     text-subtitle: "#424242"
     card-shadow: rgba(0, 0, 0, 0.1)
+    link: "#3273dc"
     link-hover: "#363636"
     background-image: ""
   dark:
@@ -36,6 +37,7 @@ colors:
     text-title: "#fafafa"
     text-subtitle: "#f5f5f5"
     card-shadow: rgba(0, 0, 0, 0.4)
+    link: "#3273dc"
     link-hover: "#ffdd57"
     background-image: ""