fix hovering for sim buttons in high contrast (#6665)

srietkerk · web-flow · commit 4e4deed63a19 · 2026-07-02T22:50:47.000Z
diff --git a/theme/style.less b/theme/style.less
@@ -46,12 +46,19 @@
     color: var(--pxt-secondary-foreground);
 
     &:hover {
-        filter: none;
         background-color: var(--pxt-secondary-background-hover);
         color: var(--pxt-secondary-foreground-hover);
     }
 }
 
+.main:not(.hc) {
+    .simtoolbar .ui.button.icon, #editortools .ui.button.editortools-btn {
+        &:hover {
+            filter: none;
+        }
+    }
+}
+
 #simulator .ui.button.play-button .icon.play {
     color: var(--pxt-secondary-foreground) !important;
 }

Original file line number	Diff line number	Diff line change
`@@ -46,12 +46,19 @@`
`46`	`46`	`color: var(--pxt-secondary-foreground);`
`47`	`47`
`48`	`48`	`&:hover {`
`49`		`- filter: none;`
`50`	`49`	`background-color: var(--pxt-secondary-background-hover);`
`51`	`50`	`color: var(--pxt-secondary-foreground-hover);`
`52`	`51`	`}`
`53`	`52`	`}`
`54`	`53`
	`54`	`+.main:not(.hc) {`
	`55`	`+ .simtoolbar .ui.button.icon, #editortools .ui.button.editortools-btn {`
	`56`	`+ &:hover {`
	`57`	`+ filter: none;`
	`58`	`+ }`
	`59`	`+ }`
	`60`	`+}`
	`61`	`+`
`55`	`62`	`#simulator .ui.button.play-button .icon.play {`
`56`	`63`	`color: var(--pxt-secondary-foreground) !important;`
`57`	`64`	`}`