Fix incorrect appearance of the ColorInput widget when set to "none" and "disabled"

Keavon · Keavon · commit 513f51e981fd · 2026-03-28T16:13:46.000-07:00
diff --git a/frontend/src/components/widgets/inputs/ColorInput.svelte b/frontend/src/components/widgets/inputs/ColorInput.svelte
@@ -116,7 +116,7 @@
 			background-repeat: var(--color-transparent-checkered-background-repeat);
 		}
 
-		&:not(.disabled).none > button {
+		&.none > button {
 			background: var(--color-none);
 			background-repeat: var(--color-none-repeat);
 			background-position: var(--color-none-position);
@@ -132,6 +132,7 @@
 			left: 0;
 			right: 0;
 			background: var(--color-4-dimgray);
+			opacity: 0.5;
 		}
 
 		&:not(.disabled):hover > button .text-label,

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@`
`116`	`116`	`background-repeat: var(--color-transparent-checkered-background-repeat);`
`117`	`117`	`}`
`118`	`118`
`119`		`- &:not(.disabled).none > button {`
	`119`	`+ &.none > button {`
`120`	`120`	`background: var(--color-none);`
`121`	`121`	`background-repeat: var(--color-none-repeat);`
`122`	`122`	`background-position: var(--color-none-position);`
`@@ -132,6 +132,7 @@`
`132`	`132`	`left: 0;`
`133`	`133`	`right: 0;`
`134`	`134`	`background: var(--color-4-dimgray);`
	`135`	`+ opacity: 0.5;`
`135`	`136`	`}`
`136`	`137`
`137`	`138`	`&:not(.disabled):hover > button .text-label,`