Theme blockly context menu

microsoft · Mar 7, 2025 · 5e57554 · 5e57554
1 parent e50f6ed
commit 5e57554
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/theme/blockly-core.less b/theme/blockly-core.less
@@ -306,21 +306,26 @@ text.blocklyCheckbox {
 *******************************/
 
 .blocklyWidgetDiv .blocklyContextMenu {
-    border: 1px solid rgba(34,36,38,.15);
-    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15) !important;
+    background: var(--pxt-neutral-background1);
+    color: var(--pxt-neutral-foreground1);
+    border: 1px solid var(--pxt-neutral-stencil1);
+    box-shadow: 0 1px 2px 0 var(--pxt-neutral-alpha20) !important;
     padding: 0 !important;
 }
 
 .blocklyWidgetDiv .blocklyContextMenu .goog-menuitem {
     margin: 0 !important;
     padding: .92857143em 1.14285714em !important;
     font: normal 13px @pageFont !important;
+    background: var(--pxt-neutral-background1);
+    color: var(--pxt-neutral-foreground1);
 }
 
 .blocklyWidgetDiv .blocklyContextMenu .goog-menuitem-highlight, .blocklyWidgetDiv .blocklyContextMenu .goog-menuitem-hover {
     border: none !important;
     padding: .92857143em 1.14285714em !important;
-    background: rgba(0,0,0,.05) !important;
+    background: var(--pxt-neutral-background1-hover) !important;
+    color: var(--pxt-neutral-foreground1-hover);
 }
 
 /*******************************