chore: remove hsla function

Lipata · Lipata · commit dda69bd87a54 · 2025-08-21T17:39:59.000+03:00
diff --git a/packages/cli/templates/react/igr-ts/projects/_base/files/styles.css b/packages/cli/templates/react/igr-ts/projects/_base/files/styles.css
@@ -1,5 +1,5 @@
 body {
-  background: hsla(var(--ig-surface-500, 0 0% 100%));
+  background: var(--ig-surface-500, 0 0% 100%);
   color: var(--ig-surface-500-contrast, black);
   font-family: var(--ig-font-family);
   padding: 0;
diff --git a/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/styles.css b/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/styles.css
@@ -1,5 +1,5 @@
 body {
-  background: hsla(var(--ig-surface-500, 0 0% 100%));
+  background: var(--ig-surface-500, 0 0% 100%);
   color: var(--ig-surface-500-contrast, black);
   font-family: var(--ig-font-family);
 }
diff --git a/packages/igx-templates/igx-ts-legacy/tree/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts-legacy/tree/default/files/src/app/__path__/__filePrefix__.component.scss
@@ -12,7 +12,7 @@ igx-tree {
 .node-refresh {
   cursor: pointer;
   padding: 0px 4px;
-  color: hsla(var(--igx-success-500));
+  color: var(--igx-success-500);
 }
 
 .node {
diff --git a/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.scss
@@ -12,7 +12,7 @@ igx-tree {
 .node-refresh {
   cursor: pointer;
   padding: 0px 4px;
-  color: hsla(var(--igx-success-500));
+  color: var(--igx-success-500);
 }
 
 .node {

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`body {`
`2`		`- background: hsla(var(--ig-surface-500, 0 0% 100%));`
	`2`	`+ background: var(--ig-surface-500, 0 0% 100%);`
`3`	`3`	`color: var(--ig-surface-500-contrast, black);`
`4`	`4`	`font-family: var(--ig-font-family);`
`5`	`5`	`}`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ igx-tree {`
`12`	`12`	`.node-refresh {`
`13`	`13`	`cursor: pointer;`
`14`	`14`	`padding: 0px 4px;`
`15`		`- color: hsla(var(--igx-success-500));`
	`15`	`+ color: var(--igx-success-500);`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`.node {`