feat: make anchors in table header show as defined by UX

Author: tujoworker

packages/dnb-ui-lib/src/style/themes/anchor.scss

@@ -5,7 +5,7 @@
 
 @import '../core/utilities.scss';
 
-@mixin defaultAnchorStyle() {
+@mixin defaultAnchorStyle($theme: null) {
   // make sure we have always `display: inline;` as inline-block is breaking the border-bottom
   display: inline;
 
@@ -30,6 +30,11 @@
 
   text-decoration: none;
   border-bottom: 1px solid var(--color-sea-green);
+
+  @if $theme == 'highlighted' {
+    color: var(--color-emerald-green);
+    border-bottom-color: var(--color-emerald-green);
+  }
 }
 @mixin hoverStyle() {
   background-color: var(--color-mint-green-50);

packages/dnb-ui-lib/src/style/themes/dnb-theme-ui.scss

@@ -211,6 +211,10 @@ table th {
 
   background-color: var(--color-mint-green-12);
   border-bottom: 1px solid var(--color-mint-green);
+
+  a {
+    @include defaultAnchorStyle('highlighted');
+  }
 }
 table td {
   padding: 1em;