test(range): add green activated color for lower & a knobs

brandyscarney · brandyscarney · commit d91a7e7b47d2 · 2026-02-27T14:10:26.000-05:00
diff --git a/core/src/components/range/test/custom/index.html b/core/src/components/range/test/custom/index.html
@@ -81,6 +81,7 @@
       --color-blue-dark-rgb: 30, 58, 138;
 
       --color-purple: #8b5cf6;
+      --color-green: #10b981;
     }
 
     .custom-knobs-range::part(knob-handle) {
@@ -238,7 +239,7 @@
 
     /* Activated knob lower */
     #lower-upper-dual-knobs-range::part(knob-lower activated) {
-      background: var(--color-purple);
+      background: var(--color-green);
     }
 
     /* Hovered knob upper */
@@ -300,7 +301,7 @@
 
     /* Activated knob A */
     #a-b-dual-knobs-range::part(knob-a activated) {
-      background: var(--color-purple);
+      background: var(--color-green);
     }
 
     /* Hovered knob B */

Original file line number	Diff line number	Diff line change
`@@ -81,6 +81,7 @@`
`81`	`81`	`--color-blue-dark-rgb: 30, 58, 138;`
`82`	`82`
`83`	`83`	`--color-purple: #8b5cf6;`
	`84`	`+ --color-green: #10b981;`
`84`	`85`	`}`
`85`	`86`
`86`	`87`	`.custom-knobs-range::part(knob-handle) {`
`@@ -238,7 +239,7 @@`
`238`	`239`
`239`	`240`	`/* Activated knob lower */`
`240`	`241`	`#lower-upper-dual-knobs-range::part(knob-lower activated) {`
`241`		`- background: var(--color-purple);`
	`242`	`+ background: var(--color-green);`
`242`	`243`	`}`
`243`	`244`
`244`	`245`	`/* Hovered knob upper */`
`@@ -300,7 +301,7 @@`
`300`	`301`
`301`	`302`	`/* Activated knob A */`
`302`	`303`	`#a-b-dual-knobs-range::part(knob-a activated) {`
`303`		`- background: var(--color-purple);`
	`304`	`+ background: var(--color-green);`
`304`	`305`	`}`
`305`	`306`
`306`	`307`	`/* Hovered knob B */`