feat(tabs): update tabs theme

Author: didimmova

projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss

@@ -80,10 +80,6 @@
     $theme: digest-schema($tabs-schema);
     $variant: map.get($theme, '_meta', 'theme');
 
-    @if not($item-hover-background) and $item-background {
-        $item-hover-background: hsl(from var(--item-background) h s calc(l * 0.9));
-    }
-
     @if not($item-active-background) and $item-background {
         $item-active-background: hsl(from var(--item-background) h s calc(l * 0.9));
     }
@@ -98,11 +94,11 @@
         }
     } @else {
         @if not($item-text-color) and $item-background {
-            $item-text-color: hsla(from adaptive-contrast(var(--item-background)) h s l / 0.9);
+            $item-text-color: hsla(from adaptive-contrast(var(--item-background)) h s l / 0.8);
          }
 
          @if not($item-icon-color) and $item-background {
-             $item-icon-color: hsla(from adaptive-contrast(var(--item-background) h s l / 0.9));
+             $item-icon-color: hsla(from adaptive-contrast(var(--item-background) h s l / 0.8));
          }
     }
 
@@ -134,15 +130,29 @@
         }
     }
 
-    @if $variant == 'bootstrap' {
+    @if not($item-hover-background) {
         @if not($item-hover-color) and $item-text-color {
-            $item-hover-color: hsl(from var(--item-text-color) h s calc(l * 0.9));
+            $item-hover-color: hsla(from var(--item-text-color) h s l / 1);
         }
 
         @if not($item-hover-icon-color) and $item-icon-color {
-            $item-hover-icon-color: hsla(from var(--item-icon-color) h s calc(l * 0.9));
+            $item-hover-icon-color: hsla(from var(--item-icon-color) h s l / 1);
         }
+    } @else {
+        @if not($item-hover-color) {
+            $item-hover-color: adaptive-contrast(var(--item-hover-background));
+        }
+
+        @if not($item-hover-icon-color) {
+            $item-hover-icon-color: adaptive-contrast(var(--item-hover-background));
+        }
+    }
+
+    @if not($item-hover-background) and $item-background {
+        $item-hover-background: hsl(from var(--item-background) h s calc(l * 0.9));
+    }
 
+    @if $variant == 'bootstrap' {
         @if not($border-color) and $item-background {
             $border-color: hsla(from adaptive-contrast(var(--item-background)) h s l / 0.5);
         }
@@ -151,14 +161,6 @@
             $border-color--hover: var(--border-color);
         }
     } @else {
-        @if not($item-hover-color) and $item-text-color {
-            $item-hover-color: hsla(from var(--item-text-color) h s l / 1);
-        }
-
-        @if not($item-hover-icon-color) and $item-icon-color {
-            $item-hover-icon-color: hsla(from var(--item-icon-color) h s l / 1);
-        }
-
         @if not($item-background) {
             @if not($indicator-color) and $item-text-color {
                 $indicator-color: var(--item-text-color);
@@ -172,7 +174,6 @@
                 $indicator-color: var(--item-active-color);
             }
 
-
             @if not($indicator-color) {
                 $indicator-color: adaptive-contrast(var(--item-background));
             }