Fix menubar dropdown theming for dark theme on Windows

- Add comprehensive CSS rules using VS Code theme variables
- Set font-family to match codebase (Segoe WPC, Segoe UI for Windows)
- Ensure menu text uses light foreground color (#E0E0E0) not black
- Set proper background colors using CSS variables
- Add hover/focus state styling with selection colors
- Style icons, keybindings, and disabled states
- Use CSS variable fallbacks to ensure theming works even if inline styles fail

Author: Tajudeen

src/vs/base/browser/ui/menu/menubar.css

@@ -122,24 +122,99 @@ body > .menubar-menu-items-holder.monaco-menu-container {
 	background: transparent !important;
 }
 
-/* Ensure proper height calculation for menu content on Windows */
-/* Note: Menu widget applies colors via IMenuStyles, so we only fix sizing here */
+/* Ensure proper height calculation and theming for menu content on Windows */
+/* Menu widget applies colors via IMenuStyles inline styles, but we add CSS variable fallbacks */
 body > .menubar-menu-items-holder.monaco-menu-container .monaco-scrollable-element {
 	/* Ensure proper height calculation - let content determine height */
 	height: auto !important;
 	min-height: fit-content !important;
+	/* Theme colors - use CSS variables as fallback if inline styles aren't applied */
+	background-color: var(--vscode-menu-background, #060606) !important;
+	color: var(--vscode-menu-foreground, #E0E0E0) !important;
+	border-color: var(--vscode-menu-border, #1C1C1C) !important;
+	/* Font family to match codebase */
+	font-family: "Segoe WPC", "Segoe UI", sans-serif !important;
 }
 
 body > .menubar-menu-items-holder.monaco-menu-container .monaco-menu {
 	/* Ensure proper height calculation */
 	height: auto !important;
 	min-height: fit-content !important;
+	/* Theme colors */
+	background-color: var(--vscode-menu-background, #060606) !important;
+	color: var(--vscode-menu-foreground, #E0E0E0) !important;
+	/* Font family */
+	font-family: "Segoe WPC", "Segoe UI", sans-serif !important;
 }
 
 body > .menubar-menu-items-holder.monaco-menu-container .actions-container {
 	/* Ensure proper height calculation */
 	height: auto !important;
 	min-height: fit-content !important;
+	/* Theme colors */
+	color: var(--vscode-menu-foreground, #E0E0E0) !important;
+	/* Font family */
+	font-family: "Segoe WPC", "Segoe UI", sans-serif !important;
+}
+
+body > .menubar-menu-items-holder.monaco-menu-container .monaco-action-bar {
+	/* Font family */
+	font-family: "Segoe WPC", "Segoe UI", sans-serif !important;
+}
+
+/* Menu items - ensure proper text color and font */
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item {
+	color: var(--vscode-menu-foreground, #E0E0E0) !important;
+	font-family: "Segoe WPC", "Segoe UI", sans-serif !important;
+}
+
+body > .menubar-menu-items-holder.monaco-menu-container .action-label {
+	color: var(--vscode-menu-foreground, #E0E0E0) !important;
+	font-family: "Segoe WPC", "Segoe UI", sans-serif !important;
+}
+
+body > .menubar-menu-items-holder.monaco-menu-container .keybinding {
+	color: var(--vscode-menu-foreground, #E0E0E0) !important;
+	font-family: "Segoe WPC", "Segoe UI", sans-serif !important;
+	opacity: 0.7;
+}
+
+/* Menu item hover and focus states */
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:hover,
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:focus {
+	background-color: var(--vscode-menu-selectionBackground, #161016) !important;
+	color: var(--vscode-menu-selectionForeground, #FFFFFF) !important;
+}
+
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:hover .action-label,
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:focus .action-label,
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:hover .keybinding,
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:focus .keybinding {
+	color: var(--vscode-menu-selectionForeground, #FFFFFF) !important;
+}
+
+/* Icons and indicators */
+body > .menubar-menu-items-holder.monaco-menu-container .codicon,
+body > .menubar-menu-items-holder.monaco-menu-container .submenu-indicator,
+body > .menubar-menu-items-holder.monaco-menu-container .menu-item-check {
+	color: var(--vscode-menu-foreground, #E0E0E0) !important;
+}
+
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:hover .codicon,
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:focus .codicon,
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:hover .submenu-indicator,
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:focus .submenu-indicator,
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:hover .menu-item-check,
+body > .menubar-menu-items-holder.monaco-menu-container .action-menu-item:focus .menu-item-check {
+	color: var(--vscode-menu-selectionForeground, #FFFFFF) !important;
+}
+
+/* Disabled menu items */
+body > .menubar-menu-items-holder.monaco-menu-container .action-item.disabled .action-label,
+body > .menubar-menu-items-holder.monaco-menu-container .action-item.disabled .keybinding,
+body > .menubar-menu-items-holder.monaco-menu-container .action-item.disabled .codicon {
+	color: var(--vscode-disabledForeground, #6E6E6E) !important;
+	opacity: 0.4;
 }
 
 .menubar .toolbar-toggle-more {