feat(button): update button themes

Author: didimmova

projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss

@@ -157,7 +157,7 @@
         }
 
         @if not($focus-visible-foreground) and $focus-visible-background {
-            $focus-visible-foreground: adaptive-contrast(var(--focus-visible-foreground));
+            $focus-visible-foreground: adaptive-contrast(var(--focus-visible-background));
         }
 
         @if not($focus-visible-border-color) and $focus-border-color {

projects/igniteui-angular/src/lib/core/styles/components/button/_contained-button-theme.scss

@@ -225,6 +225,22 @@
                 from var(--focus-visible-background) h s l / 0.5
             );
         }
+
+        @if not($disabled-background) and $background {
+            $disabled-background: hsla(from var(--background) h s l / 0.5);
+        }
+
+        @if not($disabled-icon-color) and $disabled-foreground {
+            $disabled-icon-color: var(--disabled-foreground);
+        }
+
+        @if not($disabled-foreground) and $disabled-background {
+            $disabled-foreground: hsla(from adaptive-contrast(var(--disabled-background)) h s l / 0.5);
+        }
+
+        @if not($disabled-icon-color) and $disabled-background {
+            $disabled-icon-color: hsla(from adaptive-contrast(var(--disabled-background)) h s l / 0.5);
+        }
     }
 
     @if not($resting-shadow) {

projects/igniteui-angular/src/lib/core/styles/components/button/_fab-button-theme.scss

@@ -219,6 +219,22 @@
                 from var(--focus-visible-background) h s l / 0.5
             );
         }
+
+        @if not($disabled-background) and $background {
+            $disabled-background: hsla(from var(--background) h s l / 0.5);
+        }
+
+        @if not($disabled-icon-color) and $disabled-foreground {
+            $disabled-icon-color: var(--disabled-foreground);
+        }
+
+        @if not($disabled-foreground) and $disabled-background {
+            $disabled-foreground: hsla(from adaptive-contrast(var(--disabled-background)) h s l / 0.5);
+        }
+
+        @if not($disabled-icon-color) and $disabled-background {
+            $disabled-icon-color: hsla(from adaptive-contrast(var(--disabled-background)) h s l / 0.5);
+        }
     }
 
     @if not($resting-shadow) {

projects/igniteui-angular/src/lib/core/styles/components/button/_flat-button-theme.scss

@@ -140,7 +140,7 @@
     }
 
     @if not($focus-visible-foreground) and $focus-visible-background {
-        $focus-visible-foreground: adaptive-contrast(var(--focus-visible-foreground));
+        $focus-visible-foreground: adaptive-contrast(var(--focus-visible-background));
     }
 
     @if not($focus-visible-border-color) and $focus-border-color {

projects/igniteui-angular/src/lib/core/styles/components/button/_outlined-button-theme.scss

@@ -139,7 +139,7 @@
     }
 
     @if not($focus-visible-foreground) and $focus-visible-background {
-        $focus-visible-foreground: adaptive-contrast(var(--focus-visible-foreground));
+        $focus-visible-foreground: adaptive-contrast(var(--focus-visible-background));
     }
 
     @if not($focus-visible-border-color) and $focus-border-color {