chore(checkbox): use css variables in styling sample

Mariela Tihova · Mariela Tihova · commit 150ae1990240 · 2026-01-21T18:48:28.000+02:00
diff --git a/samples/inputs/checkbox/styling/src/CheckboxStyle.css b/samples/inputs/checkbox/styling/src/CheckboxStyle.css
@@ -1,8 +1,7 @@
 igc-checkbox::part(indicator) {
-  stroke: var(--ig-secondary-500-contrast);
+  --tick-color: var(--ig-secondary-500-contrast);
 }
 
 igc-checkbox::part(control checked)::after {
-  border-radius: 4px;
-  background: var(--ig-secondary-500);
+  --fill-color: var(--ig-secondary-500);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,7 @@`
`1`	`1`	`igc-checkbox::part(indicator) {`
`2`		`- stroke: var(--ig-secondary-500-contrast);`
	`2`	`+ --tick-color: var(--ig-secondary-500-contrast);`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`igc-checkbox::part(control checked)::after {`
`6`		`- border-radius: 4px;`
`7`		`- background: var(--ig-secondary-500);`
	`6`	`+ --fill-color: var(--ig-secondary-500);`
`8`	`7`	`}`