Merge pull request #2875 from IgniteUI/dkamburov/hsla-for-surface

zdrawku · web-flow · commit 3409bd9c3aed · 2021-11-22T14:26:44.000+02:00
style(*): Use hsla for surface to apply proper background when theme is changed
diff --git a/projects/app-lob/src/app/index/docs-layout.component.scss b/projects/app-lob/src/app/index/docs-layout.component.scss
@@ -1,6 +1,6 @@
 ::ng-deep {
 	.custom-body {
 		color: var(--igx-surface-500-contrast);
-		background: var(--igx-surface-500);
+		background: hsla(var(--igx-surface-500));
 	}
 }
diff --git a/src/app/index/docs-layout.component.scss b/src/app/index/docs-layout.component.scss
@@ -1,6 +1,6 @@
 ::ng-deep {
 	.custom-body {
 		color: var(--igx-surface-500-contrast);
-		background: var(--igx-surface-500);
+		background: hsla(var(--igx-surface-500));
 	}
 }
diff --git a/src/app/interactions/toggle/toggle-samples.scss b/src/app/interactions/toggle/toggle-samples.scss
@@ -25,7 +25,7 @@
 
     .custom-body & {
         color: var(--igx-surface-500-contrast);
-        background-color: var(--igx-surface-500);
+        background-color: hsla(var(--igx-surface-500));
     }
 }
 
diff --git a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.scss b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.scss
@@ -10,7 +10,7 @@
 .info {
     display: flex;
     justify-content: center;
-    background: var(--igx-surface-500);
+    background: hsla(var(--igx-surface-500));
 }
 
 .info > span {
diff --git a/src/app/scheduling/calendar/multiview/multiview.component.scss b/src/app/scheduling/calendar/multiview/multiview.component.scss
@@ -18,7 +18,7 @@
 .stay__info {
     display: flex;
     justify-content: center;
-    background: var(--igx-surface-500);
+    background: hsla(var(--igx-surface-500));
 }
 
 .stay__info > span {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`::ng-deep {`
`2`	`2`	`.custom-body {`
`3`	`3`	`color: var(--igx-surface-500-contrast);`
`4`		`- background: var(--igx-surface-500);`
	`4`	`+ background: hsla(var(--igx-surface-500));`
`5`	`5`	`}`
`6`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@`
`25`	`25`
`26`	`26`	`.custom-body & {`
`27`	`27`	`color: var(--igx-surface-500-contrast);`
`28`		`- background-color: var(--igx-surface-500);`
	`28`	`+ background-color: hsla(var(--igx-surface-500));`
`29`	`29`	`}`
`30`	`30`	`}`
`31`	`31`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`.info {`
`11`	`11`	`display: flex;`
`12`	`12`	`justify-content: center;`
`13`		`- background: var(--igx-surface-500);`
	`13`	`+ background: hsla(var(--igx-surface-500));`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.info > span {`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@`
`18`	`18`	`.stay__info {`
`19`	`19`	`display: flex;`
`20`	`20`	`justify-content: center;`
`21`		`- background: var(--igx-surface-500);`
	`21`	`+ background: hsla(var(--igx-surface-500));`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.stay__info > span {`