Make links color manageable with themes

frontend/src/styles.scss

@@ -72,6 +72,8 @@ $dropdown-link-active-bg: $active-bg;
   --tertiary: #{$tertiary};
   --success: #{$success};
   --info: #{$info};
+  --link-color: #{$info};
+  --link-hover-color: #{$link-hover-color};
   --icon: #f1f1f1;
 
   --box-bg: #24273e;
@@ -1276,4 +1278,11 @@ app-global-footer {
 .btn-secondary {
   background-color: var(--secondary);
   border-color: var(--secondary);
+}
+
+a {
+  color: var(--link-color);
+  &:hover {
+    color: var(--link-hover-color);
+  }
 }

frontend/src/theme-contrast.scss

@@ -21,7 +21,7 @@ $primary: #007cfa;
 $secondary: #272f4e;
 $tertiary: #6225b2;
 $success: #0aab2f;
-$info: #10e0ff;
+$info: #00ddff;
 
 $h5-font-size: 1.15rem !default;
 
@@ -69,6 +69,8 @@ $dropdown-link-active-bg: $active-bg;
   --tertiary: #{$tertiary};
   --success: #{$success};
   --info: #{$info};
+  --link-color: #{$info};
+  --link-hover-color: #{$link-hover-color};
   --icon: #f1f1f1;
 
   --box-bg: #171c2a;

frontend/src/theme-wiz.scss

@@ -21,7 +21,7 @@ $primary: #007cfa;
 $secondary: #272f4e;
 $tertiary: #6225b2;
 $success: #0aab2f;
-$info: #10e0ff;
+$info: #00ddff;
 
 $h5-font-size: 1.15rem !default;
 
@@ -69,6 +69,8 @@ $dropdown-link-active-bg: $active-bg;
   --tertiary: #{$tertiary};
   --success: #{$success};
   --info: #{$info};
+  --link-color: #{$info};
+  --link-hover-color: #{$link-hover-color};
   --icon: #f1f1f1;
 
   --box-bg: #171c2a;