link color cleanup

src/scss/custom.scss

@@ -172,13 +172,6 @@ body {
     }
   }
 
-  .table-no-link {
-    color: "#BDC931";
-    &:hover {
-      color: lighten(#BDC931, 10%) !important;
-    }
-  }
-
   .filter-input {
     .v-input {
       input,
@@ -212,9 +205,6 @@ body {
       color: black !important;
     }
   }
-  .v-data-table a:hover {
-    text-decoration: underline;
-  }
 
   .theme--dark {
     a.v-btn.secondary {
@@ -276,9 +266,11 @@ body {
         font-size: 20px;
       }
 
-      a.link-to-team {
-        text-transform: capitalize;
-        color: $p1-light-green !important;
+      a:not(.v-btn--icon) {
+        &.column-link-highlight,
+        &:hover {
+          color: var(--v-primary-base) !important;
+        }
       }
 
       .v-data-table-header th {
@@ -350,20 +342,11 @@ body {
       color: map-get($material-light, "text-color");
     }
 
-    a.link-to-team {
-      text-transform: capitalize;
-      color: #0d6b90 !important;
-    }
-
     .v-expansion-panel-header {
       background-color: #f8f8f8;
     }
 
     .v-data-table {
-      a:hover {
-        text-decoration: underline;
-      }
-
       .mdi-arrow-up::before {
         content: "\F0143";
         color: white;
@@ -451,6 +434,10 @@ body {
   }
 
   .v-data-table {
+    a:hover:not(.v-btn--icon) {
+      text-decoration: underline;
+    }
+
     td {
       border-bottom: none !important;
       padding-top: 8px !important;

src/views/super-admin/Teams.vue

@@ -75,14 +75,14 @@
           <template v-slot:[`item.name`]="{ item }">
             <router-link
               :to="{ name: 'TeamDetails', params: { teamId: item.id } }"
-              class="link-to-team"
+              class="column-link-highlight"
             >
               {{ item.name }}
             </router-link>
           </template>
           <template v-slot:[`item.poc`]="{ item }" class="team-leads">
             <div
-              class="d-flex flex-wrap white-space-nowrap table-no-link"
+              class="d-flex flex-wrap white-space-nowrap"
               v-for="(lead, index) in item.leads"
               :key="index"
             >

src/views/super-admin/Training.vue

@@ -130,10 +130,9 @@
           <template v-slot:[`item.name`]="{ item }">
             <router-link
               :to="{ name: 'TrainingDetails', params: { trainingId: item.id } }"
-              class="table-no-link"
-              
+              class="column-link-highlight"
             >
-              <a class="table-no-link">{{ item.name }}</a>
+              {{ item.name }}
             </router-link>
           </template>
           <template v-slot:[`item.instructors`]="{ item }">
@@ -146,7 +145,7 @@
                 <a
                   :href="`mailto:${instructor.email}`"
                   target="_blank"
-                  class="white-space-nowrap table-no-link"
+                  class="white-space-nowrap"
                 >
                   {{ instructor.name }}</a
                 >
@@ -519,8 +518,5 @@ export default {
       border: none !important;
     }
   }
-  .link{
-    color: "#BDC931"
-  }
 }
 </style>