feat(buttons): additional button changes

didimmova · didimmova · commit c8a9e95254a2 · 2025-05-13T10:49:24.000+03:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/button/_flat-button-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/button/_flat-button-theme.scss
@@ -131,6 +131,10 @@
         $focus-hover-foreground: adaptive-contrast(var(--focus-hover-background));
     }
 
+    @if not($active-foreground) and $active-background {
+        $active-foreground: adaptive-contrast(var(--active-background));
+    }
+
     @if not($focus-visible-background) and $focus-background {
         $focus-visible-background: var(--focus-background);
     }
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/button/_outlined-button-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/button/_outlined-button-theme.scss
@@ -130,6 +130,10 @@
         $focus-hover-foreground: adaptive-contrast(var(--focus-hover-background));
     }
 
+    @if not($active-foreground) and $active-background {
+        $active-foreground: adaptive-contrast(var(--active-background));
+    }
+
     @if not($focus-visible-background) and $focus-background {
         $focus-visible-background: var(--focus-background);
     }
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_flat-icon-button-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_flat-icon-button-theme.scss
@@ -58,6 +58,10 @@
         $focus-hover-foreground: adaptive-contrast(var(--focus-hover-background));
     }
 
+    @if not($active-foreground) and $active-background {
+        $active-foreground: adaptive-contrast(var(--active-background));
+    }
+
     @if $variant == 'material' or $variant == 'fluent' {
         @if not($hover-foreground) and $foreground {
             $hover-foreground: var(--foreground);
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_outlined-icon-button-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_outlined-icon-button-theme.scss
@@ -58,6 +58,10 @@
         $focus-hover-foreground: adaptive-contrast(var(--focus-hover-background));
     }
 
+    @if not($active-foreground) and $active-background {
+        $active-foreground: adaptive-contrast(var(--active-background));
+    }
+
     @if $variant == 'material' or $variant == 'fluent' {
         @if not($hover-foreground) and $foreground {
             $hover-foreground: var(--foreground);

Original file line number	Diff line number	Diff line change
`@@ -131,6 +131,10 @@`
`131`	`131`	`$focus-hover-foreground: adaptive-contrast(var(--focus-hover-background));`
`132`	`132`	`}`
`133`	`133`
	`134`	`+ @if not($active-foreground) and $active-background {`
	`135`	`+ $active-foreground: adaptive-contrast(var(--active-background));`
	`136`	`+ }`
	`137`	`+`
`134`	`138`	`@if not($focus-visible-background) and $focus-background {`
`135`	`139`	`$focus-visible-background: var(--focus-background);`
`136`	`140`	`}`
Original file line number	Diff line number	Diff line change
`@@ -130,6 +130,10 @@`
`130`	`130`	`$focus-hover-foreground: adaptive-contrast(var(--focus-hover-background));`
`131`	`131`	`}`
`132`	`132`
	`133`	`+ @if not($active-foreground) and $active-background {`
	`134`	`+ $active-foreground: adaptive-contrast(var(--active-background));`
	`135`	`+ }`
	`136`	`+`
`133`	`137`	`@if not($focus-visible-background) and $focus-background {`
`134`	`138`	`$focus-visible-background: var(--focus-background);`
`135`	`139`	`}`