Merge pull request #16605 from mikix/mikix/border-a11y

Show current tab even in high contrast mode

lms/static/sass/_header.scss

@@ -102,12 +102,12 @@
             font-weight: $font-weight-normal;
             display: inline-block;
             margin-bottom: -1*$baseline/2;
-            border-bottom: 4px solid transparent;
+            border-bottom: 4px hidden theme-color("dark");
             cursor: pointer;
 
             &.active,
             &:hover {
-              border-bottom-color: theme-color("dark");
+              border-bottom-style: solid;
             }
 
             &:hover {

lms/static/sass/course/layout/_courseware_header.scss

@@ -52,13 +52,13 @@
         display: block;
         text-align: center;
         text-decoration: none;
-        border-bottom: 4px solid transparent;
+        border-bottom: 4px hidden theme-color("primary");
 
         &:hover,
         &:focus,
         &.active {
           color: theme-color("primary");
-          border-bottom-color: theme-color("primary");
+          border-bottom-style: solid;
           background-color: transparent;
         }
       }