css: Use hsl for action-button icon colors.

shubham-padia · timabbott · commit 4125de4a6082 · 2025-06-11T12:32:11.000-07:00
We only change this for `.action-button i` and `.action-button:hover i`
since we need to make the dnd icon lighter in comparison to these two.
These are the two that are absolutely necessary to change, we can also
change others to hsl color space after discussion on CZO.
diff --git a/app/renderer/css/main.css b/app/renderer/css/main.css
@@ -114,12 +114,12 @@ body {
 }
 
 .action-button i {
-  color: rgb(108 133 146 / 100%);
+  color: hsl(200.53deg 14.96% 49.8%);
   font-size: 28px;
 }
 
 .action-button:hover i {
-  color: rgb(152 169 179 / 100%);
+  color: hsl(202.22deg 15.08% 64.9%);
 }
 
 .action-button.active {

Original file line number	Diff line number	Diff line change
`@@ -114,12 +114,12 @@ body {`
`114`	`114`	`}`
`115`	`115`
`116`	`116`	`.action-button i {`
`117`		`- color: rgb(108 133 146 / 100%);`
	`117`	`+ color: hsl(200.53deg 14.96% 49.8%);`
`118`	`118`	`font-size: 28px;`
`119`	`119`	`}`
`120`	`120`
`121`	`121`	`.action-button:hover i {`
`122`		`- color: rgb(152 169 179 / 100%);`
	`122`	`+ color: hsl(202.22deg 15.08% 64.9%);`
`123`	`123`	`}`
`124`	`124`
`125`	`125`	`.action-button.active {`