Client - underline links

fittrackee_client/src/components/Footer.vue

@@ -51,10 +51,6 @@
     color: var(--footer-color);
     font-size: 0.9em;
 
-    a {
-      text-decoration: none;
-    }
-
     .footer-items {
       display: flex;
       flex-wrap: wrap;

fittrackee_client/src/components/NavBar.vue

@@ -200,6 +200,10 @@
     display: flex;
     padding: 15px 10px;
 
+    a {
+      text-decoration: none;
+    }
+
     .nav-container {
       display: flex;
 

fittrackee_client/src/components/Workout/WorkoutCard.vue

@@ -216,6 +216,7 @@
           .workout-user-name {
             white-space: nowrap;
             padding-left: 5px;
+            text-decoration: none;
           }
         }
         .workout-date {

fittrackee_client/src/scss/base.scss

@@ -47,7 +47,11 @@ body {
 
 a {
   color: var(--app-a-color);
-  text-decoration: none;
+  text-decoration-color: var(--app-a-text-decoration-color);
+
+  &:hover {
+    text-decoration-color: var(--app-a-color);
+  }
 }
 
 img {

fittrackee_client/src/scss/colors-dark.scss

@@ -6,6 +6,7 @@
   --app-color: var(--light-grey);
   --app-color-light: #6f7070;
   --app-a-color: var(--light-grey);
+  --app-a-text-decoration-color: #494949;
   --app-shadow-color: #383d3f;
   --app-loading-color: #f3f3f3;
   --app-loading-top-color: var(--app-color);

fittrackee_client/src/scss/colors.scss

@@ -3,6 +3,7 @@
   --app-color: #2c3e50;
   --app-color-light: #6f7070;
   --app-a-color: #40578a;
+  --app-a-text-decoration-color: #d2d2d2;
   --app-shadow-color: lightgrey;
   --app-loading-color: #f3f3f3;
   --app-loading-top-color: var(--app-color);