Apply changes to focus-visible

Author: Raymond-Ly

packages/core/settings/_colours.scss

@@ -155,7 +155,6 @@ $ofh-link-visited-color: #330072;
 $ofh-link-active-color: #001F42;
 $ofh-link-light-color: #FFF;
 $ofh-link-light-hover-color: #F4F4F4;
-$ofh-link-light-visited-color: #D8B7DE;
 $ofh-link-light-active-color: #FFF;
 
 // Breadcrumb links have their own colours

packages/core/tools/_links.scss

@@ -47,21 +47,26 @@
   color: $color_ofh-white;
 
   &:visited {
-    color: $ofh-link-light-visited-color;
+    color: $color_ofh-white;
   }
 
   &:hover {
     color: $ofh-link-light-hover-color;
     text-decoration: none;
   }
 
-  &:focus {
+  &:focus,
+  &:focus:visited {
     color: $color_ofh-white;
     outline: $ofh-focus-width solid $color_ofh-white;
     outline-offset: $ofh-focus-width;
     text-decoration: none;
   }
 
+  &:focus-visible {
+    outline: $ofh-focus-width solid $color_ofh-white;
+  }
+
   &:active {
     color: $ofh-link-light-active-color;
   }