Further Dark Theme QA Fixes (#1217)

* Add webAuthn logo for dark theme

* Add alt tags to 2FA logo images

src/scss/plugins.scss

@@ -36,6 +36,20 @@
     }
 }
 
+@each $mfaType in $mfaTypes {
+    .mfaType#{$mfaType} {
+        content: url('../images/two-factor/' + $mfaType + '.png');
+        max-width: 100px;
+    }
+}
+
+.mfaType7 {
+    @include themify($themes) {
+        content: url('../images/two-factor/7' + themed('mfaLogoSuffix'));
+        max-width: 100px;
+    }
+}
+
 .progress {
     @include themify($themes) {
         background-color: themed('pwStrengthBackground');

src/scss/tables.scss

@@ -10,12 +10,14 @@
         }
 
         & > a {
-            @include themify($themes) {
-                color: themed('tableLinkColor');
-            }
-            &:hover {
+            &:not(.badge) {
                 @include themify($themes) {
-                    color: themed('tableLinkColorHover');
+                    color: themed('tableLinkColor');
+                }
+                &:hover {
+                    @include themify($themes) {
+                        color: themed('tableLinkColorHover');
+                    }
                 }
             }
         }

src/scss/variables.scss

@@ -77,6 +77,10 @@ $border-color: $secondary;
 
 $fa-font-path: "~font-awesome/fonts";
 
+// MFA Types for logo styling with no dark theme alternative
+
+$mfaTypes: 0, 1, 2, 3, 4, 6;
+
 // Theme Variables
 
 $lightDangerHover: #C43421;
@@ -216,6 +220,7 @@ $themes: (
         tableRowHover: rgba(0,0,0,0.03),
         tableSeparator: #DEE2E6,
         browserInputIconsFilter: invert(0),
+        mfaLogoSuffix: '.png'
     ),
     dark: (
         logoSuffix: 'white',
@@ -331,6 +336,7 @@ $themes: (
         tableRowHover: rgba(255, 255, 255, 0.03),
         tableSeparator: $darkBlue1,
         browserInputIconsFilter: invert(1),
+        mfaLogoSuffix: '-w.png'
     ),
 );