Use the correct blue

app/javascript/styles/_application-custom.scss

@@ -0,0 +1,24 @@
+.a:link,
+.govuk-link:link {
+  color: #1d70b8;
+}
+
+.a:visited
+.govuk-link:visited {
+  color: #4c2c92;;
+}
+
+.a:focus
+.govuk-link:focus {
+  color: #0b0c0c;
+}
+
+.a:hover
+.govuk-link:hover {
+  color: #0b0c0c;
+}
+
+// turbo-frame {
+//   display: block;
+//   border: 1px solid blue
+// }

app/javascript/styles/_task-list.scss

@@ -81,11 +81,6 @@
   }
 }
 
-// turbo-frame {
-//   display: block;
-//   border: 1px solid blue
-// }
-
 .app-task-list__item:target,
 .tasklist_item_highlight{
   background-color: $govuk-focus-colour;

app/javascript/styles/application.scss

@@ -11,4 +11,6 @@ $govuk-image-url-function: frontend-image-url;
 
 @import "~govuk-frontend/govuk/all";
 
-@import '_task-list'
+@import '_task-list';
+
+@import '_application-custom';

app/views/case_logs/_log_list.html.erb

@@ -12,7 +12,7 @@
     <% case_logs.map do |log| %>
     <tr class="govuk-table__row">
       <th scope="row" class="govuk-table__header">
-        <%= link_to log.id, case_log_path(log) %>
+        <%= link_to log.id, case_log_path(log), class: "govuk-link" %>
       </th>
       <td class="govuk-table__cell govuk-table__cell">
         <%= log.property_postcode %>

app/views/case_logs/edit.html.erb

@@ -9,7 +9,7 @@
       <p class="govuk-body govuk-!-margin-bottom-7">You've completed <%= get_subsections_count(@form, @case_log, :completed) %> of <%= get_subsections_count(@form, @case_log, :all) %> sections.</p>
       <p class="govuk-body govuk-!-margin-bottom-7">
         <% next_incomplete_section=get_next_incomplete_section(@form, @case_log) %>
-        <a href="#<%= next_incomplete_section %>"
+        <a class="govuk-link" href="#<%= next_incomplete_section %>"
            data-controller="tasklist"
            data-action="tasklist#addHighlight"
            data-info=<%= next_incomplete_section %>>